In the past two versions of our HTML5 Data Bindings extension, we added a numerous new features that can be extremely helpful when doing the magic on your pages. In today's showcase we used the global $FORM object that's available directly in the HTML5 Data Bindings floating panel and also the data.show attribute with conditional formatting, executed with the HTML5 Data Bindings Formatter. Check out the result below in our Online Food Order Form showcase!
Online Food Order Form Showcase
For this showcase we designed an online food order form that doesn't uses a database but the new features packed in the latest version of HTML5 Data Bindings. The global $FORM object has been formatted and used as bindings on our page. For the delivery/pickup and payment options we used data.show attribute with conditional formatting (HTML5 Data Bindings Formatter) in order to show/hide certain fields of the form, depending on the selected option.
Our weekly content summary
If you couldn't follow us during the past few days, here's our weekly content summary that features all video tutorials, showcases and other stuff that we released this week. We packed another collection of DMXzone extensions called - Interactive Designer Collection. It includes HTML5 Data Bindings, DMXzone Bootstrap, DMXzone Bootstrap Elements and Advanced CSS Animator. Check out the full list below.