DMXzone App Connect Manual Support

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. 

Read more on APPCONNECT.DMXZONE.COM

Highlights

Blazing Fast Runtime

Ultralight library of just 15kb gzipped for the best performance. No jQuery required!

Lightning Rendering Speed

Ultra-fast rendering of data compared to industry standard React and VueJS.

Extendable Client Side Framework

Boostable by additional components like data traversal, data view, record and more.

Visual App Data Structure

Clear workflow to have overview of your components, events, inputs and more.

Revolutional Sites & Apps Builder

No more server/Dreamweaver behaviors and jQuery for building dynamic sites and apps.

No Coding Required

The visual builder generates all the code for you. No need to hand-code anything.

Features

Great App Connect structure

Fantastic preview of your app components with their properties, which are automatically synced in design, live and code view.

Custom components for more complex apps

Define new types of HTML elements compatible with the HTML5 Custom Elements v1 web standard.

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

The smart context sensible data bindings picker lets you choose your data from the designated data bindings pickup dialog.

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.

Showcases

Add-ons

Requirements

Product: Dreamweaver CC 2015+

History

Version 1.9.21

  • Improved UI and state manager actions
  • improved rendering speed in browser

Version 1.9.19

  • Added support for the new App Connect Summernote extension

Version 1.9.18

  • Latest updates thanks to the great Wappler community

Version 1.9.12

  • Made App Connect even more standards complience by sending the right json accepts headers for its data requests to Server Connect or API
  • Also set request headers to detect partial update requests for Routing, usefull for NodeJS SPA conformance

Version1.9.11

  • Added new dynamic events for all touch events as well the new pointer events for handling all events more generic for mouse, pen and toch devices

Version 1.9.4

  • When assign App Connect in full Page Mode, also assign the Read and Load events on the page level
  • Moving from Body to Page mode now also moves the ready and load events

Version 1.9.3

  • Improved Dynamic Attributes and events setting in the property panel

Version 1.9.1

  • Do not show components in the data or action pickers that does not have ID and name. Note: Those components are displayed fine in App Structures and you can add dynamic attributes and events to them, but just if you also want to pick them - they need ID or name.

Version 1.9.0

  • Allow App Connect Global variables to have spaces in their names
  • Automatically prefix long variables with spaces with the new syntax _['long name'] when it is picker alone
  • Allow global variables and query strings in the schema to have long names with spaces

Version 1.8.3

  • Improved inline field validation in the properties inspector. Specially for the Dynamic Attributes, toggle class or style
  • Improved selection after node insertion

Version 1.8.2

  • Render unknown App Connect nodes as with regular HTML node inspectors.
  • Finally made the dynamic "changed" event trigger on user interaction also on checkboxes and radios, next to regular inputs
  • Improved Actions picker layout
  • Optimized selection

Version 1.8.1

  • Improve Data and Actions Picker - do not remember previous searches
  • Improved support for new dynamic expressions that are entered with back tics and need to be evaluated later.

Version 1.8.0

  • Amazing performance improvements in App Connect's reactive dynamic rendering in the browser! Now we have over 80% speed improvement, thanks to our power users in Wappler!
  • Add quick search, expand and collapse all options to the Data and Action Picker dialogs

Version 1.7.5

  • New support for Dynamic Event Data - the App Connect Components now can have events with custom data to pick from!
  • Added specific event data for all mouse and keyboard events
  • Improved App Connect "Set Variable" with smarter value change and own updated event
  • Improved API Connector Schema Editor with more robust response encoding.
  • Added support for the new App Connect Autocomplete extension
  • Optimized UI loading speed

Version 1.7.4

  • Added support for the new Security Provider 2
  • Greatly improved App Structure, Data Picker and Actions panels loading and rendering speed
  • Improved Data Bindings Picker to allow formatting of separate extensions with Data Formatter, when a template expressions is used. Now the separate expression parts are auto selected so they can be edited with the Data Formatters
  • Added empty action to array component
  • Added new special "changed" events for form inputs - to be used when user changed the input/select value
  • Improved multi select component
  • Fix losing actions from list of dynamic event after edit

Version 1.7.3

  • Added support for the App Connect Typed extension
  • Improved support for IE 11

Version 1.7.2

  • Improved key events with stop/prevent modifiers
  • Added support for datetime-local input field type
  • Allow input's min and max to be set as dynamic attributes for inputs of type number or datetime-local
  • Added support for the new App Connect Background Video
  • Added support for the new App Connect Image Parallax

Version 1.7.1

  • Added support for the new App Connect Dropzone extension
  • Improved all picker icons
  • Greatly Improved Dreamweaver Light theme
  • New core Array component for manipulating array lists in App Connect
  • Allow deselection (ctrl+click) of elements and also deselect in design view
  • Removed all : from the Dynamic Attributes and Events labels on the property inspector
  • Keep Action picker open when selecting routes from the route picker
  • Added new App Connect Array component for full array manipulation!
  • Improved the Multiple option in Selects. Also improved the meta data and dynamic options for multiple selects
  • Improved the App Connect file upload control to have just one version with Multiple as option.
  • Improved when Multiple is on the name of the file upload control gets [] appended
  • Improved the file control meta data to be different for single and multiple files upload and also used for the Bootstrap 4 or App Connect File Upload controls
  • improved all tooltips in the properties panels to always fit available space
  • Improved the Schema Editors for App Connect and Server Connect API - to handle nested array structures much better
  • Improved the Data Bindings picker - to not show duplicate $value or $index data values
  • Improved Properties UI styling for multiple nested groups like Server Connect Form
  • Change the base App Connect Form handler option to use the new Make Server Connect Form / API Form method

Version 1.7.0

  • Greatly improved speed on loading App Connect panel. Switching and resizing is much faster now, giving you a quick performance boost
  • 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.6.2

  • Added compatibility for the new App Connect Swiper extension
  • Fixed changing the app Root to Page from Body
  • Fixed the app load and ready events
  • Added debouce options to dynamic events like input, change, update, updated, mousemove, mouseover and wheel

Version 1.6.1

  • Added compatibility for the new API Data Source extension
  • Made the App ID for App Connect pages more versatile and required for all storage components
  • Added response headers to schema generation
  • Added search and expand/contract all buttons in the schema editor
  • Allow structure html tags also to be displayed in App Structure
  • Improved content & layout categories
  • Fixed App Connect checkbox and radio groups not being recognized when using Bootstrap 4
  • Fixed Dynamic Events Actions picker - to show actions for extended objects

Version 1.6.0

  • Major speed improvements thanks to our Wappler tool
  • Full compatibility with Dreamweaver CC 2019
  • Added support for App Connect Video Player

Version 1.5.5

  • Added support for App Connect Bootstrap 4 Tooltips

Version 1.5.4

  • Added support for App Connect Data Picker
  • Included Moment as framework
  • New global component for Moment locale settings

Version 1.5.3

  • Improved form reset with App Connect Form Validator

Version 1.5.2

  • Improvements for the latest App Connect Bootstrap 4
  • Compatibility with the new App Connect Bootstrap 4 Collapse
  • Improved Data Formatter compatibility with Bootstrap 4 layouts

Version 1.5.1

  • Allow elements on the same level to be reordered by drag and drop even if there is a limitation for only one allowed.
  • Fixed spinning loader in Dreamweaver when not all App Connect extensions are installed

Version 1.5.0

Great new improvements in App Connect time for big update!

  • NEW! Multi Action Generator for App Connect actions! Now you can have just as many actions ran after each other as you wish!
  • Engine optimization App Connect is now even faster!
  • Rewrote and optimized Drag & Drop in the App Connect tree.
  • Full Support for Wappler - our full blown Dreamweaver replacement!
  • Added support for Bootstrap 4 Dynamic Table Generator
  • Improved Data Pickers scoping with Bootstrap 4 Modal components
  • Allow repeaters in more html tags like main, aside, article, section and h1-6

Version 1.4.5

  • Added support for Bootstrap 4 Dynamic Form Generator
  • Greatly improved drag & drop within the App Connect panel

Version 1.4.4

  • Added support for App Connect Bootstrap 4 Modals
  • Small bug fixes

Version 1.4.3

  • Added support for App Connect Bootstrap 4 Forms

Version 1.4.2

  • Added support for App Connect Bootstrap 4 Navigation
  • Improved Bootstrap 4 integration

Version 1.4.1

  • Fixed packaging error

Version 1.4.0

  • Added support for the new App Connect Bootstrap 4
  • New Add Frameworks functionality in the App Connect Panel
  • New duplicate element on the App Structure panel and context menu

Version 1.3.9

  • Added support for the upcoming App Connect Preloader
  • Improved App Connect to prevent FOUC (Flash of Unstyled Content)
  • Updated checkboxes and radios to trigger updated event when checked state changes (also for checkbox and radio groups)
  • Updated dmx-bind for src attribute of video/audio elements to load media after change
  • Speed improvement in App Connect parsing and showing of App Structure tree

Version 1.3.8

  • Added support for the upcoming App Connect Google Directions

Version 1.3.7

  • Improved auto selection in code view
  • Improved App Connect root parsing

Version 1.3.6

  • Improved repeat regions rendering and JSON data sources

Version 1.3.5

  • Added support for the upcoming App Connect Google Maps
  • Great speed improvement of the UI and the App Component inspectors - now it is faster than ever!

Version 1.3.4

  • Added support for the upcoming App Connect Charts

Version 1.3.3

  • minor updates

Version 1.3.2

  • Added support for the new App Connect Masonry

Version 1.3.1

  • Added support for the new App Connect Lightbox
  • Fixed dynamic link title attribute

Version 1.3.0

  • Support for the new Medium Editor Image Upload Add-on
  • Improvements in UI and Data Pickers structures
  • Improvements in styling and specially the dark theme

Version 1.2.1

  • Great Improvements for the App Connect Formatter integration and its meta data
  • Improved integration with Server Connect - especially on a Mac

Version 1.2.0

  • Added support for the App Connect Slideshow 3D Transitions add-on
  • Greatly improved working with static data objects and arrays and their meta data for the data bindings picker
  • Allow collapsible groups on the UI like the one for the Slideshow Transitions

Version 1.1.9

  • Added support for the App Connect Slideshow 2D Transitions add-on
  • Improved Property Inspector with Validation

Version 1.1.8

  • Full support for the App Connect Slideshow extension
  • Improved auto linking of theme files for extensions that use theming like Medium Editor and the Slideshow

Version 1.1.7

  • Added support for the upcoming App Connect Slideshow
  • Updated the dmx-on dynamic event attribute to support data bindings expression in it
  • Updated Server Connect Form component for IE bug

Version 1.1.6

  • Improved Data Binding pickup and meta data fetching for Server Connect
  • Added "load" and "ready" dynamic events for the App
  • Added quick first child node selection on the HTML nodes inspector
  • Added quick parent node selection on the Text nodes inspector

Version 1.1.5

  • Added support for the new App Connect Medium Editor
  • Greatly improved rendering speed of the the App Connect inspector panel
  • Improved dropdown and multi selection controls working as well their dark theme styling
  • Make regular Textarea as separate App Connect control and allow conversion to Medium Editor
  • Optimized App Connect Action Picker for smaller screen sizes

Version 1.1.4

  • Added support for the new App Connect reCAPTCHA extension

Version 1.1.3

  • Full Support for App Connect Form Validator
  • Added Support for the upcoming App Connect Form Validator Unicode Add-on
  • Improved compatibility with App Connect in Dreamweaver Templates

Version 1.1.2

  • Support for the upcoming App Connect Form Validator
  • Speed improvements in integration with Server Connect
  • Fixed a lot of DW CC 2017 bugs on Mac related to Server Connect integration

Version 1.1.1

  • Added more closer integration with DMXzone Extension Manager
  • Improved internal parameters checking and conversion

Version 1.1.0

  • Great improvements to the Actions Picker dialog - now you can edit existing actions, even onces with dynamic parameters like the Server Connect load action
  • Simplified parameters entry on the Action Picker, actions properties - just use expressions there!
  • Removed the 30secs timeout for server connect actions
  • Support for the new App Connect State Management
  • Support for the new Bootstrap 3 Paging Generator 2
  • Prepare for the new App Connect Form Validator and validation rules on the inspector

Version 1.0.9

  • Support for Bootstrap 3 Form Designer Checkbox and Radio groups
  • Automatically name App Connect components without ID in the Data Bindings Picker
  • Fixed preventDefault working on app connect component events
  • Removed deprecated datetype type on input fields - should be used date or time separately according the html5 standard
  • Added Static Value entry for checkbox and radios controls on the App Connect Inspector

Version 1.0.8

  • Support for the Bootstrap 3 Generators
  • Improved element insertion directly from the Text Node Inspector, to go on the current selection
  • Improved Data Bindings pickup within the Actions Picker - it now respects the current scope
  • Fixes error on form element with the name id

Version 1.0.7

  • Support for the DMXzone Bootstrap 3 extensions
  • Added new general "title" dynamic attribute in the Display popup menu group
  • Improved general HTML tag and text inspector - now you can add App Connect components directly there with the ( + ) behind the tag title in the inspector
  • Action Picker Improvements - do not show components without actions
  • Fixed upload progress for DMXzone Server Connect actions

Version 1.0.6

  • Greatly improved Internet Explorer support now for IE10 and IE11
  • Support for the upcoming DMXzone App Connect Browser

Version 1.0.5

  • Full support for the new HTML5 Animate CSS 2
  • New $index data property for all repeaters data to indicate the record number. Useful for calculations for example with HTML5 Animate CSS 2 animation durations and delay.
  • Improved query string handling
  • Auto generate an APP ID for new pages where App Connect is inserted
  • Allow component IDs to contain upper case

Version 1.0.4

  • New component for Date and Time! Now you can display the current time on a specific interval and also use it for calculations with the DMXzone App Connect Data Formatters!
  • Automatic related App Component files and Components update on page open
  • Full DMXzone App Connect Data Formatter compatibility
  • Preparation for HTML5 Animate CSS 2

Version 1.0.3

  • Prepare for the upcoming DMXzone App Connect Data Formatter
  • Added Submit and Reset as Form actions
  • New Conditional Region component added in favor of the If dynamic attribute that is removed
  • Added name as possible dynamic attribute for generating data dependent expression names
  • Dynamic attributes are now possible on all valid HTML tag attributes
  • Improved Server Connect component with query parameters
  • Improved Data Bindings Picker to show all related data structures
  • Auto clean up components ID names and the Query Parameters to contain only valid lower case characters
  • Fixed the text and value field data picker for the dynamic select control
  • Fixed dmx-text and dmx-html attributes

Version 1.0.2

  • New Dynamic Attribute: Style for setting a specific inline CSS style with dynamic data expressions
  • New debounce option for dynamic keyboard events to execute the event only after after a certain delay and not too often
  • Added Server Connect static events for DMXzone App Connect with the Behavior Connector picker
  • Fixed Static events picker for Behavior Connector
  • Fixed dmx-value initial generation - now only with ID
  • Improved DMXzone App Connect selection synchronization when selecting in code view
  • Improved selecting data bindings from a data detail region

Version 1.0.1

  • Great speed improvements in the App Connect panel loading
  • Improved Data Picker dialog for 3 types of data picking:
    • field - just a single field pick
    • expression - a logical expression containing multiple fields and static values like: field1 == 'value1'
    • template - a string template like: /images/{{filename}}.jpg
  • Improved the actions picker eith help texts for the different actions and parameters
  • Increased the default size of the Properties pane in the App Connect panel
  • Improved query params schema editor
  • Actions picker now sets the picked value type automatically to identity
  • Defined query values now available in the data bindings pickup
  • Improvements in refreshing the App Connect tree and current selections
  • Fixed in browser the submitting server connect forms
  • Fixed weird panel resizing on the Mac - was going at the opposite direction.
  • Improved dark theme for Dreamweaver 2017 - panel resizers are better visible now

Version 1.0.0

  • First release!

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

See All Postings From George Petrov >>

Reviews

Great improvement

June 25, 2018 by Greta Garberini
I really appreciate the multi-action generator. Sometimes one needs several actions after having successfully submitted a form ...

You must me logged in to write a review.