Next generation client side framework for data-driven web sites and apps

DMXzone App Connect is the next generation client side framework and base ground for a handful of additional components, which allow you build dynamic web sites and apps, the most modern way possible. It comes with phenomenal rendering speed of dynamic data and you have visual and direct access to custom components, dynamic attributes and events and smart data form inputs.

Last but not least DMXzone App Connect is fully compatible with DMXzone Server Connect and DMXzone Bootstrap 4, which lets you build modern, fully responsive and dynamic data driven sites and apps.

Custom components for more complex apps

Smart components with reusable data

HTML forms and their input fields become fully data aware. You can use their values in expressions, react on changes and even get the status of your HTML5 validation, automatically set the right validation classes and show a message.

Dynamic attributes

Create a full list of dynamic attributes, which you can apply on certain conditions. Required, disabled, show/hide or toggle class, it's all possible in DMXzone App Connect.

Dynamic events

Dynamically bind on any event and call a component action with many event modifiers.

Smart Context Sensible Data Bindings Picker

Component Actions Picker

On dynamic events you can use the components actions picker to choose on which component what action should be called and its parameters.

No jQuery dependency

DMXzone App Connect is based on pure JavaScript and support all modern browsers from IE9+

Full Compatibility with DMXzone Server Connect

Use DMXzone Server Connect to connect to your database and your data, which you want to populate on your website or app. All client side data can be easily browsed by DMXzone App Connect's data bindings pickup dialog.

Awesome dynamic data rendering speed

The time compares to industry standard React and VueJS. DMXzone App Connect render speed is up to 4.8 faster for 2000 records, compared to HTML5 Data Bindings, which is an amazing result and improvement.

Version 1.7.0

The App Connect panel gained also a great speed boost by improving the elements parser as well its inspector rendering.

Improved App Connect tree with color coding! Now colorized the elements ID and title in the App Structure tree for better visualization.

New Wide App Structure and Properties panel! Just resize and make the panel wider and it will become two columns!

Accessibility improvements to the App Connect property inspector - now you can use tab navigation to go from control to control and every control has a clear focus state.

Added help text info icons for App Connect and Server Connect properties, where available. Now on an [i] icon is displayed in the label and on hover a nice popup shows. Available to the properties with defined help texts

Improved the "del" key for quick deletion in the App Connect tree. Now after delete of the of the selected element the selection nicely moves to the one above

Improved Actions picker within a repeat region, with the correct scoping

Improved styling of color dropdowns

Better aligned checkboxes on the property inspector

Improved styling for collapsible toggle elements

Added all key codes as possible modifiers for the keyboard events in App Connect

Shorten action paths in Action Picker

Fixed double click in Action Picker

Also the inspector is greatly simplified in some cases like for the responsive design with Bootstrap 4 now.

API Schema Editors

Result Source of API Schema fetch can now be viewed and edited with the integrated JSON code editor

New Schema generation from sample code - now you can generate schema by pasting JSON code in the API JSON Source code editor and clicking process

Version 1.6.3

Added support for App Connect Lazy Load

Added all key codes as possible modifiers for the keyboard events in App Connect

Shorten action paths in Action Picker

Improved property fields with grids to support file pickers

Fixed double click in Action Picker

Fixed remove all on property field with grid

Improved API Schema Editors we have the following improvements:

Result Source of API Schema fetch can now be viewed and edited with the integrated JSON code editor

New Schema generation from sample code - now you can generate schema by pasting JSON code in the API JSON Source code editor and clicking process

Version 1.0.0

George 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. The most popular for its over high-quality Dreamweaver extensions and templates.

George is also the founder of Wappler.io - the most Advanced Web & App Builder