What’s New

This week we have two major improvements! A totally redesigned Insert Elements panel and an awesome smart partial synchronization between code and design view - for a huge productivity speed boost! So both designers and coders should be greatly pleased! The era of Visual coding has began!

Design View

• Totally Redesigned and optimized Insert Elements panel.

  • elements categories are now much more clean on the left side.
  • smart suggestions depending on your context, offered as first choice.
  • elements already filtered based on used frameworks and context.
  • search is now much more smarter as you can enter multiple keywords separated by space.
  • search filters also on categories.
  • next to search there is also frameworks toggles.
  • each element has a tag indicating the framework it comes from.

• Add frameworks now only available on the App Structure toolbar.

• Greatly improved Bootstrap 4 forms category menu - now suggesting the Bootstrap 4 groups as first choice.

• Reorganized the components Browser, Charts, Google Maps & Directions, Masonry, Notifications, Scheduler, Slideshow, Video, Alerts, Modals and Moment to be under the “Components” category.

• New shortcut keys in Design View for easy elements selection.

  • CTRL-D / CMD-D: duplicate
  • Left: Select parent element
  • Right: Select first child element
  • Up / Down: Select prev/next sibling element
  • Escape: deselects
  • Delete / Backspace: delete element

Code View / Split View

• Awesome smart syncing during type with design view! No more full refreshes but just the text/tags you enter are directly visible in Design View!

• Improved Undo/Redo - also with smart partial syncing.

• Improved selection of an element in code view when selected from design view or App Structure.

• Improved theming colors of the active selection.

• Fixed esc key not working correctly in Code View

• Added brand new bookmarks, visible in the code view gutter, shortcut keys:

  • CTRL-F2 / CMD-F2 - toggle Book
  • F2 - Next bookmark
  • SHIFT-F2 - Previous bookmark
  • CTRL-SHIFT-F2 / CMD-SHIFT-F2 - Clear all bookmarks

App Structure

• Allow structure html tags also to be displayed in App Structure.
• Improved content & layout categories.
• Insert Frameworks panel - improved similar to the Insert Elements panel.
• Insert Dynamic Actions panel - improved similar to the Insert Elements panel.

Server Connect

• Insert Actions Step panel - improved similar to the Insert Elements panel.

Bootstrap 4

• Moved the Bootstrap 4 basic components, like title, paragraph and images to the “Content” category.
• Renamed the Bootstrap 4 Navbar category to Navigation.

Updated Extensions

• Updated file System Connector to 1.1.3 - Improved conditions in file exists action steps.
• Improved integrated Image Resizer with paths checks.
• improved Form Generator for multi record forms.

Fixes

• Fixed missing Dynamic Actions for some server connect forms.