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: Using Nested Repeat Regions and Repeat Regions Inside Detail Regions

In this tutorial we will show you how to use nested Repeat Regions and Repeat Regions inside Detail Regions

*You can also check out the video.

How to do it

  1. We have a repeat region on our page (1). It contains an image and text bindings that show general properties for each feed entry. In our main repeating element (2) there is a nested repeating element that contains different color values for each feed entry.

  1. In our tutorial the optional elements are the different colors available for each of the motorcycles listed on the page.



  1. Select the main list element <ul> (1), choose the repeating element inside the main repeating element (2), select repeat children (3) and click insert (4).

  1. Now we are going to bind the color attribute to the <li> list element.  Select the dummy text (1), browse the optional attribute under the repeating region (2) and click insert (3).

  1. Click Live View button in order to preview the results. You can see that the main properties are the same for each motorcycle: Image, Model, Price, Type, Engine and Fuel Economy. You can place repeat regions inside detail regions also, using the same technique.

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.