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.
HTML5 Data Bindings Manual
Learn how to connect your data
Advanced: Using Repeat Region in HTML5 Data Bindings
In this tutorial we will show you how to show feed entries on your page using Repeat Region.
*You can also check out the video.
How to do it
- We have a Div container with a dummy image inside on our page. Click add new data source button (1). In the HTML5 Data Bindings window, add a name for the Data Source (2), select Picasa - User Album Photos feed (3). We enter the Picasa Photographer User ID and Album ID (4) and change the image thumbnail size (5). When you're done, click OK.
- Expand the [ entry ] repeating element in the feed (1) and select the Div container that you want to repeat (2). While the [ entry ] repeating element is selected (3) choose repeat region (4) and click insert (5).
- Select the dummy image inside the container (1) and in the media group element (2), select the URL attribute under media thumbnail (3). Choose img.data.src item (4) from the bind menu and click bind (5).
- This is the result in Live view. Now you know how to show
feed entries on your page using Repeat Region.
Lubov Cholakova
Lubov 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.
Comments
public rss feeds
Data Binding
You must me logged in to write a comment.