HTML5 Data Bindings Manual

Learn how to connect your data

In over a hundred pages, we covered everything you need to know about the HTML5 Data Bindings extensions. The article features useful tutorials and videos on how to refresh your HTML5 Data source, How to use nested repeat regions, how to show preloader and many many more. If you still have any questions regarding the extension do not hesitate to contact our Tech support.


Advanced: Setting up the Initial Content of the Detail Regions

In this tutorial we will show you how to setup the Initial Content of the Detail Regions on your page.

*You can also check out the video.

How to do it

  1. We inserted a repeat region on our page and we also created a detail region that shows detailed information for each of the feed entries. By default the detail region shows info for the first entry of the repeat region. Let's change this. Select the feed (1) and click edit data source button (2).

  1. In the HTML5 Data Bindings window, click the behaviors button.



  1. In the Behavior connector window, select when data is successfully loaded or updated (1), choose DMXzone (2), select control HTML5 Data Bindings (3) and add the selected behavior (4).

  1. In the control HTML5 Data Bindings window, choose select active record action (1), select the repeat region (2) and choose random record from the set to menu (3). When you're done, click OK.


  1. Click the Live View button in order to preview the results.

  1. This is how easy it is to setup the Initial Content of the Detail Regions on your page.

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

public rss feeds

February 27, 2017 by steve kirchuk
Hi .. I'm trying to grab data from https://www.reverbnation.com/rss/artist_shows_rss/stevekirchuk which is my show rss feed and I am getting an error in HTML 5 Bindings but when I test the feed it displays correctly ... I can also save the feed as an csv .. can I use that as a local file data source in HTML 5 Bindings? Thanks !

February 27, 2017 by Teodor Kuduschiev
Hello Steve, HTML5 Data Bindings requires a JSON data source, it does not work with RSS feeds.

Data Binding

October 20, 2019 by olukorede Fakunmoju
i just bought the database connector 2, and also the html5 data binding, now my issues are how do you bind data that dont require repeat region just to display information on the website, the is no way to do that, also must i buy all your extension because i want to build a database website, i want to display data or update i will need a different extension for that, its to mush please

You must me logged in to write a comment.