Back to Top
The nuts and bolts for
Creative web development

HTML5 Data Bindings

“Connect to your data”

So you want to build dynamic web apps and interactive pages? Empower solutions like single page apps and Ajax driven websites? This is all possible with the new HTML5 Data Bindings Dreamweaver extension. The extension is powered by a stunning jQuery based template engine that helps you populate your data super-fast on the page. Your data is represented fully visual in a tree so you can bind it directly on your page in Dreamweaver design mode. Also, you can add smart repeat regions, detail regions, nested repeat regions and even repeat regions within a detail region.

This amazing tool lets you to choose from many supplied standard feeds as well as custom ones, or from a local JSON file. For each chosen feed an interface with feed specific options is shown, so you can directly enter the needed feed parameters.

The extension is fully controllable by behaviors and also when you are loading various HTML5 Data Sources on your page you can fire up actions to show and hide regions or loading messages, when the data is loaded successfully or not from the DMXzone Behavior connector.

The Database source functionality is already available for PHP and ASP!

Features

  • Full Support for HTML5 Data Bindings Formatter extension - now you can have all kind of conditional formatting, expressions, date and time formatting, currency and much more!


  • Global objects $URL and $FORM are now available directly in the HTML5 Data Bindings floating panel


  • Use HTML5 Data Bindings without any Data Sources - If you wish you can bind to the Global objects only, like $URL and $FORM and use them as bindings on a page without any data sources!


  • Global $FORM collection is now automatically generated based on all form field that your page contains


  • Fully automated data bindings refreshing - Now dependent data bindings on form fields are automatically detected and refreshed when the form fields change!


  • Option to prevent automatic loading of a Data Source - This is very useful for dependent data sources that needs to be loaded later.


  • Data binding to set initial value of form fields - Now you can set the initial value, or checked and selected value of radios, check boxes and select lists based on a data binding! Just use the new data binding attributes for data.checked, data.selected and data.value on checkboxes, radios or list HTML controls.


  • Allow nesting repeat regions for grouped data - This way you can create nested regions with the group by filter from HTML5 Data Bindings Formatter.




  • Insert Show and Hide Regions - Now you can choose any repeating element and insert conditional show or hide regions based on if the element has data or not. Very useful for showing " No records found"  messages or other conditional areas.


  • Show /and Hide region have a nice blue border in Dreamweaver design view so they can be easily distinguished.


  • Bindings attribute - data.hide to hide regions when data is available. Works opposite of data.show which shows the HTML region only when data is available.


  • Option for Max Results / Per Page for all Database Sources on HTML5 Data Bindings


  • HTML5 Data Bindings floater can now bind and unbind attributes.
  • Options for page navigation in the Control HTML5 Data Bindings - now Refresh data is extended with page jumping options for Database Sources


  • Support for global collections like {{$URL.xx}} for url parameters and {{$FORM.xx}} for {{$COOKIE.xx}} for cookie variables.


General Features

  • Display your data structure fully visual in Dreamweaver with the HTML5 Data Bindings floating panel - When you choose to add a HTML5 Data Source, its data and structure is fetched directly and it is displayed in a nice tree view control within the special HTML5 Data Bindings Floating panel available from the Window Menu. You can dock the floating panel on any side of Dreamweaver, but the left side is preferable for the best view as you will also need it quite often to be able to insert the data bindings from it.


  • Build fully dynamic client side pages - It's all done, fully visual within Dreamweaver! Now with the HTML5 Data Bindings, you can connect to any JSON data source and use it to populate any data on your pages.


Feeds

  • Many standard feeds supplied - Choose from the many feed such as: Flickr, YouTube, Facebook,Twitter, Last.FM and WordPress.


  • Fully parameterized feeds - For each chosen feed an interface with feed specific options is shown, so you can directly enter the needed feed parameters! When you want to display the Picasa photos for a specific album, you can just enter the album ID in the appropriate field.


  • Custom feeds – If your feed is not on the list you can always enter your feed URL directly. You can access all the feed data in the data bindings panel.




  • Local file as data source - Choose a local JSON file as data source. 

 


Dynamic data bindings

  • Super fast jQuery based Template Engine included - You want your page to be populated with the data as it arrives and you want that to happen fast. This is why the DMXzone team worked  hard to make a lighting fast template engine that powers the HTML5 Data Bindings!


  • Add any Data Binding fully visual in Dreamweaver - Just select the data from the HTML5 Data Binding Floating Panel use the Smart Insert Panel . You will see a nice curly braced notation as placeholder for your data with the full data path in it.


  • Inspect easily any dynamic data binding inserted - As you select a highlighted data binding on your page in Dreamweaver Design view - the associated data element is automatically selected in the Data Bindings tree view!


Regions

  • Add Smart Repeat Regions  - Is your data repeatable? Then you can create directly a repeat region that repeats as many time as there are records available. Just select the repeating element from the HTML5 Data Bindings list and choose to insert Repeat Region or Repeat Children.


  • Detail Regions - Do you want to display detailed data in a separate view, next to your repeat region list? Then just choose to make a detailed region from the same repeating element in your HTML5 Data Bindings list. You can control which record is displayed in the Detail Region by the special Control HTML5 Data Bindings behavior to select the Active Record.


  • Support for Nested Repeat Regions - As your data can be structured in various hierarchical levels, you want to be able to nest your repeat regions. That is fully possible with the HTML5 Data Bindings! You can have another child repeat region within a main repeat region and go as deep as you wish.

  • Support for Repeat Regions within a Detail Region - You can also have as much Repeat Regions as you want within a Detail Region to show related data. Those can be nested also.


  • Fully jQuery based - The template engine, as well the AJAX fetching of the data are fully jQuery powered, so naturally lighting fast and cross browser compatible.
  • Support for hierarchical datasets - The HTML5 Data Sources that you bind to, can return any data that is well formatted in JSON and can be with any hierarchical structure you want.


  • Smart Insert Panel - depending on your selection of the nodes in your HTML5 Data Bindings tree and your page selection you get automatically the right controls to insert or bind data! When you selected a repeating element in your feed tree, you can choose to insert a repeat or detail region, when you select a regular node you can select to insert its value as text binding or as a ready to go image element, but if you have already selected an element on your page you can bind to any of its attributes!


Control behaviors and Behavior connector

  • Select active record control behavior - Add a behavior to the chosen element in order to select the active item, which will be displayed in the detailed region.


  • Refresh data control behavior - If you have a search field that you want to use as a filter, once it gets a new value typed in, it refreshes the data automatically.
 
  • Support for global loading events through the DMXzone Behavior Connector - When you are loading various HTML5 Data Sources on your page you can fire up actions to show and hide regions or loading messages, when the data is loaded successfully or not.
 

Showcases


  • Car Configurator Showcase

    For this showcase we designed an awesome car configuration page where we used HTML5 Data Bindings and DMXzone Database Connector to connect to our database where our images are stored. Also we used ...

  • Extended Dynamic Web Store Showcase

    For this showcase we used Extended Dynamic Web Store Collection which features HTML5 Data Bindings and DMXzone Database Connector to connect to our database, DMXzone Bootstrap 3 for the great page ...

  • Flickr Photo Search Showcase

    For this showcase we used DMXzone Google Maps 2 to display our map. We also used Flickr public feed from HTML5 Data Bindings data source for the images. With the help of HTML5 Geo Location you can ...

  • Share Your Location Showcase

    For this showcase we created a page that displays locations on the map. In order to do that we used HTML5 Geo Location which stores your current location when you hit the 'share location' button. ...

  • Explore Photos Showcase

    For this showcase we used DMXzone Google Maps 2 to display a dynamic map. We used Panoramio photos feed from HTML5 Data Bindings data source for the images and author name. The feed has been filtered ...

  • Dynamic Fullscreen Gallery Showcase

    We created the gallery, with images from a local JSON file, and paging(bullets) navigation using HTML5 Data Bindings and HTML5 Data Bindings Extended Repeater. Using HTML5 Data Bindings Browser ...

  • Interior Design Page Navigation Showcase

    In this showcase we used @viewportWidth HTML5 Data Bindings Browser Property. We have a fixed left column with a logo and stacked navigation on our page. When the viewport becomes smaller than 960px, ...

  • Customers Dashboard Showcase

    For this showcase we used the HTML5 Data Bindings Extended Repeater to set the repeater so it shows 15 records per page with a client side paging with active record first. We also added two sort by ...

  • Restaurant Weekdays Specials Showcase

    For this showcase we used DMXzone Bootstrap 3 and its Elements to create the page layout and its content. Thanks to HTML5 Animate CSS we managed to animate the HTML5 Data Bindings repeat region. In ...

  • Responsive Animated Portfolio Showcase

    For this showcase we used DMXzone Bootswatch flatly theme, DMXzone Bootstrap, Elements and Navigation for the page layout and content. Also the images are stored in a local JS file, using HTML5 Data ...

  • Test Drive Showcase

    For this showcase we created a custom slider with HTML5 Animate CSS which is also dynamic and fully responsive. It comes with custom control buttons to navigate through the images that are retrieved ...

  • Fashion Store Featured Items Showcase

    For this showcase we used DMXzone Database Connector and HTML5 Data Bindings to connect to our database and animated the repeat region. We also animated the navigation menu on page load and added a ...

  • Interior Design Studio Showcase

    For this showcase we used HTML5 Data Bindings and HTML5 Animate CSS to apply animations on repeat regions, which are our image thumbnails and also on detail regions that contain the larger images. ...

  • CMS Admin Login Showcase

    For this showcase we used HTML5 Data Bindings and DMXzone Security Provider Enforcer functionality to create a secured CMS dashboard that requires login in order to be accessed. If the user is not ...

  • Task Management App Showcase

    In this task management app demo page you can create tasks, see what you need to do, track your progress and see what you've already done. The page has been created using DMXzone Boostrap and ...

  • Online Bicycles Catalog Showcase

    For this showcase we used HTML5 Parallax Slider with four static slides in it. Each slide shows a record from four different datasets - dynamic image, name, category and text. In order to connect our ...

  • Responsive Online Store Showcase

    For this showcase we used HTML5 Data Bindings and DMXzone Database Connector to connect to our database in order to retrieve the products and HTML5 Data Bindings SEO for the content to be searchable ...

  • Skydive Courses Showcase

    For this showcase we used HTML5 Data Bindings together with HTML5 Data Bindings Formatter for the courses schedule. It's been formatted from UNIX to 12-hours time format and also the text is with ...

  • Admin Panel With Realtime Preview

    For this showcase we used Advanced HTML Editor 3 and HTML5 Data Bindings on an article edit page. The changes that we make in Advanced HTML Editor 3 are immediately applied in the Preview section of ...

  • Winter Gear Showcase

    For this demo page we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP to connect to our database. The available products are within a repeat region and the description is formatted ...

  • Travel Blog Showcase

    For this showcase we used HTML5 Data Bindings in order to connect to our database where the cities will be stored. From the available form, you can choose a city with the help of Ajax Autocomplete to ...

  • The Gym Showcase

    For this showcase we used HTML5 Data Bindings and DMXzone Database Connector to populate our text on the page. We also used the HTML5 Data Bindings Formatter to apply a truncate filter so that our ...

  • Cooking Blog Showcase

    For this showcase we used HTML5 Data bindings and DMXzone Database Connector to connect to our database where the comments are stored, using the DMXzone Database Updater. To write a comment you can ...

  • John's Restaurant Showcase

    For this showcase we used the HTML5 Data Bindings and DMXzone Database Connector in order to create a dynamic website that allows you to follow the restaurant offers for each day by clicking on the ...

  • CMS Administrator Showcase

    For this showcase we have 2 database sources (orders and users) that we secured with the DMXzone Security Provider and require login to be viewed. On page load all you see is a message that you need ...

  • Cupcake Bakery Showcase

    For this showcase we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP in order to connect to our database. We have placed a repeat and a detail regions containing the products. When ...

  • Tasks Management System

    For this interactive task management system we used a few DMXzone extensions in order to allow you to add tasks, assign them to different users, set priority levels and due dates. You can edit any of ...

  • Swiss Web Factory User Showcase

    For the amazing website, André Bender, CEO and founder of Swiss Web Factory used Dynamic Database Connectivity Collection PHP, which features our most advanced extensions that allow you to ...

  • ATV Store Showcase

    For this ATV Store showcase we used HTML5 Data Bindings and DMXzone Database Connector in order to retrieve the products from the database and also DMXzone Slider, which you can drag so that you can ...

  • Smart Temperature App Showcase

    For this smart temperature web app we have the temperature value stored in a database, which can be changed by dragging the slider. Also the background color changes according to the temperature ...

  • User Management Dashboard

    For this interactive management dashboard we used a few DMXzone extensions in order to make it sortable by name, location, role and status from the top arrow buttons. Below the table you can see the ...

  • Event Manager App Showcase

    For this showcase we build a dynamic event manager application with the HTML5 Data Bindings, where you can edit the date and time of an event with a click of a button. In order to do that we used ...

  • Car Care Services Showcase

    For this showcase we designed online schedule where you can add the date of the entry and due date with DMXzone Calendar 2, also choose between the different car models and available services and ...

  • Discount Coupon Showcase

    For this showcase we designed an online and printable version of a discount coupon page where you can enter your name and print it. In order to do that we used a global form variable (HTML5 Data ...

  • Mobile Devices Reviews Blog

    For this reviews blog page we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP in order to retrieve the images and text from our database. Also you can post a comment using the ...

  • Content Management Showcase

    For this site content manager we used the HTML5 Data Bindings and DMXzone Database Connector in order to retrieve the services images and information from our database. Each service is editable on ...

  • Car Manager Dashboard Showcase

    For this car manager dashboard we used the HTML5 Data Bindings and DMXzone Database Connector in order to retrieve all images and information from our database. Each car specification is editable ...

  • Halloween Admin Store Showcase

    For this store admin page we used the HTML5 Data Bindings and DMXzone Database Connector in order to retrieve all images and text from our database. Each product detail is editable with the help of ...

  • Shopping List Assistant

    For this showcase we used dependable dynamic dropdown list for our category and products. Once you choose a category, a second dropdown list appears with the available products and another one for ...

  • Dynamic Web Store Collection Showcase

    For this photographers' web store we used the Dynamic Web Store Collections for PHP and ASP. The product images, model names and prices are dynamically retrieved from our database. The add to cart ...

  • Portfolio Grid Showcase

    For this showcase we used the global $FORM object as bindings on our page without any data source. When you choose one of the layouts in the dropdown menu it changes the class of the images and ...

  • Interactive Designer Collection Showcase

    For this showcase we used the extensions packed in the Interactive Designer Collection. The accommodation images and titles are retrieved from a data source with HTML5 Data Bindings. We added ...

  • 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 ...

  • Fashion Deals Daily Showcase

    For this fully responsive page showcase we used DMXzone Bootstrap for the layout and its Elements add-on for the details and time labels. With the HTML5 Database Connector PHP/ASP and HTML5 Data ...

  • Units Converter App Showcase

    For this showcase we built a units converter app that doesn't use a data source but the global $FORM object that's been formatted and used as bindings on our page. It has a format number filtering ...

  • Luxury Charter Yachts Showcase

    For this showcase we used the extensions packed in the Dynamic Database Connectivity Collection PHP/ASP in order to create a page where the images and the description are dynamically retrieved from a ...

  • Weather Forecast Web App Showcase

    For this showcase, we built a weather forecast web app, that populates the weather data on the page from a public feed with HTML5 Data Bindings. We also set a few conditional filters: if the ...

  • Bikes Catalog Showcase

    For this showcase we created a catalog, which presents the products image and title from a database (with repeat region) using DMXzone Database Connector PHP/ASP and HTML5 Data Bindings. The read ...

  • Interior Design Studio Showcase

    For this showcase we used detailed regions (HTML5 Data Bindings) in order to display detailed data (DMXzone Database Connector) in a separate view, once an image is clicked. You can control which ...

  • Front End Developer Portfolio Showcase

    For this one page scrollable showcase we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP in order to populate the content from a dynamic source, including text, images, links and ...

  • Sort Real Estates Showcase

    For this showcase we used the dynamic sorting options in DMXzone Database Connector in order to allow the users to sort the real estates by four different criteria.

  • Dynamic Portfolio Showcase

    For this showcase we used DMXzone Database Connector in order to connect to our database and populate the images dynamically. We added form variable filter so that you can filter the images by ...

  • Classic Model Cars Showcase

    For this showcase used a database as a source in order to show all records on our page. The price, scale and the name are displayed dynamically from our HTML5 Data Bindings. The page contains a form ...

  • Beach Spa Showcase

    For this showcase we used HTML5 Data Bindings repeat region in order to preview the room, restaurant and pool images and detail region for the detailed information and images below. The page layout ...

  • Digital Cameras Showcase

    For this showcase we used DMXzone Bootstrap for the responsive layout and Bootstrap Elements for the print it and show availability buttons. The printing action is executed with DMXzone PrintIt and ...

Videos



Using Google Maps 2 with HTML5 Data Bindings Data Source


Show or Hide Specific Elements on Your Page


Change Content Depending on the Device Orientation


Serve Retina Optimized Images to Retina Devices


Access the Browser Properties Tracking on Your Page


Controlling HTML5 Data Bindings Extended Repeater with Dreamweaver Behaviors


Creating Custom Repeaters


Custom Start Index for HTML5 Data Bindings Repeat Region


Sorting the Repeat Region Data


Displaying a Message When no Results are Found from Search


Validating Form Fields with HTML5 Data Bindings Formatter


Master-Detail Relationship with DMXzone Database Connector


Add Dynamic Dropdowns to a Navbar


Redirect Users that Log in Successfully


Control the Returned Results by HTML5 Data Bindings


Animate HTML5 Data Bindings Detail Regions


Animate HTML5 Data Bindings Repeat Regions


Restricting Access Based on User Permissions


Restrict Access and Redirect Visitors on your Page


Dynamic Thumbnail Gallery with Lightbox and Data Bindings


Client-side Dependent Dropdowns with HTML5 Data Bindings Formatter


Dynamic Page Title and Meta Description Values


Validating If a Record Exists in a Database


Using Dynamic Data in HTML5 Parallax Slider


Showing Random Products with HTML5 Data Bindings Formatter


Exporting Dynamic HTML Table to PDF


Displaying a Notification When Users Log In


Filter as You Type with HTML5 Data Bindings


Searching in Multiple Database Columns Using a Single Search Field


Testing your HTML5 Data Bindings SEO optimized page as Google Bot


Inserting HTML5 Data Bindings SEO on your AJAX Driven Pages


Live Preview of Advanced HTML Editor 3 Content


Dynamic Responsive Thumbnail Gallery with Bootstrap 3


Using the Group By Filter in HTML5 Data Bindings Formatter


Using the Word Count Filter


Dynamic Drop Down List with Static First Option


Fetching User Details and Filtering Data Sources by User Identity


Setup User Permissions and Access Level


Secure Your Database Actions


Secure Your Database Sources


Restrict Access and Show the Login Dialog


Using Bootstrap Login Form


Using Database Security Provider


Using the Users List Security Provider


Using Single User Security Provider


Using Advanced Tooltips with HTML5 Data Bindings


Multi-step Form with Dependable Dynamic Dropdowns


Creating the Car Manager Dashboard Showcase


Retrieve and Use the Identity ID of an Inserted Record and Run Multiple Database Actions


Using the Require Attribute and Alert Errors Option


Delete Multiple Database Records Using DMXzone Database Updater


Delete Database Records Using DMXzone Database Updater


Update Database Records Using DMXzone Database Updater


Insert Records Into a Database


Showing Dynamic Locations on DMXzone Google Maps


Animating HTML5 Data Bindings Detail Region


Rendering HTML Preformatted Content with HTML5 Data Bindings


Creating a Countdown Page using HTML5 Data Bindings Formatter


Creating a Dynamic Select List using HTML5 Data Bindings


Dependable Drop Down Lists with HTML5 Data Bindings


Using the Collections Filters in HTML5 Data Bindings Formatter


Using the Conditional Filters in HTML5 Data Bindings Formatter


Using the Date and Time Filters in HTML5 Data Bindings Formatter


Using the Numeric Filters in HTML5 Data Bindings Formatter


Using the Text Filters in HTML5 Data Bindings Formatter


Dynamically Populating the Single Page Portfolio Template


Building a Dynamic Responsive Portfolio Page


How to Add Dynamic Content Using Dreamweaver CC


Refreshing Your HTML5 Data Source


Using Nested Repeat Regions and Repeat Regions Inside Detail Regions


Showing a Preloader when Feed Data is Being Loaded


Creating Custom Navigation for the Detail Region


Setting Up the Initial Content of the Detail Regions


Using Detail Region in HTML5 Data Bindings


Using Repeat Region in HTML5 Data Bindings


Using Repeat Children Region in HTML5 Data Bindings


Using HTML5 Data Bindings with Public Feeds

Requirements

Type: Behavior
Product: Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC
Used Technologies: jQuery
Screen Shot: External link
Tags: html5 data bindings dreamweaver extension


History

Version 1.6.6

Version 1.6.5

Version 1.6.4

  • Improved Data Bindings Field Picker for easy data bindings selection in other DMXzone extensions
  • Full Integration with new HTML5 Data Bindings Extended Repeater
  • Added support for the Extended Repeater extra index and paging fields in the Data Bindings tree

Version 1.6.3

  • Improved Pagination
  • Improved compatibility with DMXzone Ajax Form
  • Included the latest jQuery 1.11.1
  • Improved for DMXzone Extension Manager
  • Improved for Dreamweaver CC 2014

Version 1.6.2

  • Added full compatibility with the new HTML5 Animate CSS extension. Now the items of repeat regions can be nicely animated! Also conditional regions can receive special animations to notify the user of their changes in more visual way.

Version 1.6.1

  • Fixed a specific issue with nested Repeat Children Regions
  • Fixed parsing of specific expressions

Version 1.6.0

  • Improved History API support for SEO optimization
  • Improved $FORM dependencies support so local related drop downs can be implemented easily
  • Made repeat region fully ready for the upcoming HTML5 Animate CSS extension
  • Improved render and parser
  • Much Faster loading of the Data Bindings tree

Version 1.5.1

  • Added compatibility with the new HTML5 Data Bindings SEO extension
  • Improved Data Bindings Floating panel
  • Improved IE8 compatibility

Version 1.5.0

  • NEW support for "Compact" Google Feed types, like from YouTube and Picasa. With this Compact JSON-C feed type the received feeds data is much smaller and logically organized!
  • Added support for paging of public Google feeds
  • Greatly improved the Control HTML5 Data Bindings. Now page navigation is a separate option.
  • Improved server side paging to work with deeply nested repeat regions.
  • Improved creating of repeat regions on the $value when used with grouped by data.
  • Improved selection and inserting of repeat regions in Dreamweaver.
  • Improved source code minification for smaller files.
  • Various smaller bug fixes.

Version 1.4.1

  • New Data Bindings Field Pickup dialog for easy selection of data bindings fields from other extensions.
  • Greatly improved binding of select tags with repeat regions on their options. Now you can choose option2 binding for a select drop down control with a second repeating element and a static first one.
  • Fixed data bindings with the data-binding-html tag
  • Fixed paging navigation
  • Fixed data-binding-value on select tags
  • Improved data binding with other DMXzone extensions like Advanced HTML Editor 3
  • Improved data-binding-value tag binding and synchronization for textareas
  • Dreamweaver integration, data bindings selection and inspection speed improvements

Version 1.4.0

  • Fully rewritten HTML5 Data Bindings template engine! Now parsing and populating data bindings is mighty fast and powerful!
  • Added full support for the new DMXzone Security Provider PHP/ASP for secure database queries.
  • Data Sources dependent on security are now automatically refreshed when the user logs in or out.
  • Improved Data Sources Manageability - now you can add/copy and delete data sources from the HTML5 Data Sources dialog, together with new Apply button.
  • Improved Control HTML5 Data Bindings behavior to do a smart refresh of the data. So data is reloaded with the same parameters if they haven't been changed.
  • Improved the Control HTML5 Data Bindings behavior with select current record when used on a select tag (drop down)
  • Simplified code, generated by the Control HTML5 Data Bindings, so it only adds the changed parameters. Note that you will need to reapply all Control behaviors again.
  • Implemented ‘between’ functionality for date comparisons when using in combination with the DMXzone Database Connector PHP/ASP & Updater PHP/ASP
  • Improved insertion and selection of the repeat regions current selection properties like $index, $name
  • Added new data.value bindings for all selects, inputs and textarea field for better binding of data values.
  • Improved Dreamweaver design view rendering of input fields with data-binding-value attributes.
  • New Behavior Connector Events for integration with DMXzone Security Provider PHP/ASP to allows you to react when the users is not logged in or does not have enough permissions.
  • Compatibility and preparation for the upcoming HTML5 Data Bindings Pro.
  • Improved the test source option from the data source dialog when using database sources, to call the test source dialog.
  • Default data source type to database if you have the DMXzone Database Connector PHP/ASP installed
  • Latest jQuery 1.10.2 included

Version 1.3.0

  • NEW: Data Bindings now fully allowed everywhere on your page! Finally you can have data bindings in the head, like in the TITLE tag or in the META tags! Hell you can even have data bindings in your inline CSS styles in the page head! Welcome the Dynamic CSS generation!
  • NEW: Greatly improved the extensibility of the data bindings, so those can work great with extensions like the DMXzone Database Connector PHP/ASP, DMXzone Database Updater PHP/ASP and future data bindings add-ons.
  • NEW: Show instances of additional extensions like the DMXzone Database Updater PHP/ASP in the Data Bindings tree. This makes them fully manageable as well use their data bindings.
  • NEW: Overview of the Repeat Regions and their properties directly in the Data Bindings tree! No more confusing repeater properties - now you can see all the repeaters and their properties directly in the bindings tree!
  • Changed the icons for the $URL and $FORM elements in the data bindings tree to comply the rest.
  • Greatly improved rendering performance of detailed regions.
  • Made detail regions compatible with other jQuery components and DMXzone extensions.
  • Improved cooperation with DMXzone Database Connector so that its files are automatically updated.
  • Do not perform data bindings evaluations in SCRIPT blocks.
  • Improved data bindings on attributes on Firefox.
  • Always use JSONP to prevent IE caching and also allow cross domain data fetch for DMXzone Database Connector PHP/ASP.

Version 1.2.0

  • NEW: Full Support for the new HTML5 Data Bindings Formatter extension - now you can have all kind of conditional formatting, expressions, date and time formatting, currency and much more!
  • NEW: Global objects $URL and $FORM are now available directly in the HTML5 Data Bindings floating panel
  • NEW: Use HTML5 Data Bindings without any Data Sources! If you wish you can bind to the Global objects only, like $URL and $FORM and use them as bindings on a page without any data sources!
  • NEW: Global $FORM collection is now automatically generated based on all form field that your page contains
  • NEW - Fully automated data bindings refreshing! Now dependent data bindings on form fields are automatically detected and refreshed when the form fields change!
  • NEW: Option to prevent automatic loading of a Data Source. This is very useful for dependent data sources that needs to be loaded later.
  • NEW: Data binding to set initial value of form fields! Now you can set the initial value, or checked and selected value of radios, check boxes and select lists based on a data binding! Just use the new data binding attributes for data.checked, data.selected and data.value on checkboxes, radios or list HTML controls.
  • NEW: Allow nesting repeat regions for grouped data. This way you can create nested regions with the group by filter from HTML5 Data Bindings Formatter.
  • Greatly improved and optimized repeat and detail regions rendering speed! Now your web apps will be mighty fast in showing all the data.
  • Allows dynamic expressions and filters is all data bindings! To access the various formats and filters you need the new HTML5 Data Bindings Formatter extension.
  • Great improvements in working with Data Bindings in code view!
  • New kind of binding insert as 'Html', this will allow you to add a div tag that receives its inner html content directly from a data binding. Very useful to render html preformatted content.
  • Allows you to bind attributes more to SPAN and DIV tags, even special data bindings region attributes.
  • Allows you to insert a collection data binding as a regular text binding, so you can perform actions on it like counting with the new HTML5 Data Binding Formatter extension.
  • Improved data binding on TABLE and TR tags as well as UL/OL/DL
  • Improved selection detection and bindings
  • Control HTML5 Data Bindings behavior improved
  • Improved selection of repeat region attributes

Version 1.1.0

  • NEW Full Support for DMXzone Database Connector ASP/PHP – Now you can choose any Database Source for usage as data bindings!
  • NEW Insert Show and Hide Regions - Now you can choose any repeating element and insert conditional show or hide regions based on if the element has data or not. Very useful for showing " No records found"  messages or other conditional areas.
  • Show /and Hide region have a nice blue border in Dreamweaver design view so they can be easily distinguished
  • NEW bindings attribute - data.hide to hide regions when data is available. Works opposite of data.show which shows the HTML region only when data is available.
  • NEW option for Max Results / Per Page for all Database Sources on HTML5 Data Bindings
  • HTML5 Data Bindings floater can now bind and unbind attributes.
  • NEW options for page navigation in the Control HTML5 Data Bindings - now Refresh data is extended with page jumping options for Database Sources
  • NEW Support for global collections like {{$URL.xx}} for url parameters and {{$FORM.xx}} for {{$COOKIE.xx}} for cookie variables

Version 1.0.1

  • Improved rendering of the normal repeat regions
  • Improved compatibility with the latest DMXzone Bootstrap 1.1.0
  • Added icon for collapsed view of the HTML5 Data Bindings floating panel
  • Updated DMXzone Head Include global component to support full paths from CDN
  • Included latest jQuery 1.10.1
  • Improved Dreamweaver CC installation support

 

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article