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: Creating Custom Navigation for the Detail Region
In this tutorial we will show you how to create custom navigation for the detail region.
*You can also check out the video.
How to do it
- 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. We are going to insert previous and next buttons that will change the info in the detail region. For out tutorial we use Bootstrap Pager element.
NOTE: You can use any Button or Text Links instead of Bootstrap Pager element
- In the data bindings tab (1), select the next button (2) and click add behavior (3).
- Select the DMXzone menu item (1) and control
HTML5 Data Bindings menu item (2).
- In the control HTML5 Data Bindings window, choose next
record item and click OK.
- We do the same for the previous button but in the control HTML5 Data Bindings window we select the previous record.
- Click the Live View button in order to preview the results. That's how you can create custom navigation for the detail 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.