Today we'll take a closer look at the features, which our developers included in the upcoming DMXzone Visual App Designer for Framework7. The list is pretty long and we separated them in three blog posts so do not miss the other two tomorrow. The first part features Visual App Designer's awesome app structure with its infinite options for easy app building and customization, the rich UI property inspectors, integrated inspectors for nested elements, dynamic app building support and more that you can check out below.
Visual App Designer General Features
June 1, 2015
Part one of the features in detail series
The Story
- Fully Visual App Design in Dreamweaver - Get ready to design your apps fully visually in Dreamweaver with the DMXzone Visual App Designer for Framework7. Now you can directly see your logical app structure and its components in the dedicated floater and just add desired components and assign actions!
- Visual App Structure at your disposal - Work with a high level view of your app where the whole picture is clearly visible and you are not buried under nested structuring details.
- Context sensitive components editing - You don't need to learn any complex app structures! The Visual App Designer does that for you – it will let you do add the UI components that are only allowed in that context! So the right structure is always guaranteed for you!
- Visually reorder components with Drag & Drop - So you want to change the order of your components and adjust the layout? It is all done by simple drag & drop actions! Again you can only drag components to places where they are allowed to be! The drag status is clearly indicated with icons.
- Multi pages fast responsive apps - Organize your app in clear pages that can be either inline in one page as a Single Page App and or be separated in child files that are loaded dynamically through Ajax for the best performance. In any way, the user will experience a fluid native app that does not have any loading delays but is mighty fast!
- Smart visual components with dynamic properties - Every UI component comes with its own dynamic properties. You can easily chance them in the dedicated property inspector. The property inspector shows only the valid properties for the selected component in the current context. So you will see only the properties you need.
- Rich UI property inspectors - The property inspectors offer amazing controls and allow you to enter values as easy as possible, packing rich UI controls like amazing color, theme and icon pickers.
- Integrated inspectors for nested elements - The dynamic property inspectors not only give you access to the base properties, some of them even offer direct access to nested components properties like icons and other media elements. So you have a great overview of the current component and its children.
- Visual action based programing design - Every component has its own actions and those can be easily selected from the property inspector. Wherever you want a navigation action, open or close panels or popups it is all there a single click away – no coding whatsoever!
- Behaviors integration for calling custom actions - If the built-in actions are not enough – you can just assign any behavior action to any of the components!
- Integrated properties for HTML5 Data Bindings integration - The UI components offer great integration with HTML5 Data Bindings – you can bind dynamic data or make repeating regions and elements directly from the dedicated property inspectors!
- DMXzone Database Connector for dynamic data query and population - Want to populate you app with data from your own remote database? It is all possible with the DMXzone Database Connector. Just define a remote connection to a dedicated data API site in Dreamweaver and you are ready to go!
- DMXzone Database Updater for performing actions as database updates - If you want to perform any data manipulation on your remote database, it is all possible with the DMXzone Database Updater – actions are directly performed and triggered by the UI Components.
- Great integration with DMXzone Cordova Builder- Once you're ready with your app design in DMXzone Visual App Builder, define, generate and build your mobile app with a few clicks in DMXzone Cordova Builder for any popular platform.
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
Be the first to write a comment
You must me logged in to write a comment.