Power in editor

In SmartDevicesPlus 5 was improved the hierarchical editor to make more easier the development with the tool.

The new features are:

Add items directly in the tree:

This functionality allows the user to add items and place them in the layout by a simple way.

Web Panel layout editor (WorkWithPlus for Web) with a right-click context menu open over the HeaderData node in a product table layout. The 'Add' submenu lists options including Attribute/Variable, Button, Image, Textblock, Font Icon, Font Icon Action, Animated Elements, Grid, Table, Section Table, Canvas, Flex, Component, and Group.

Drag and Drop in the tree:

This functionality allows the user to move nodes directly in the hierarchical tree and see the change reflected in the layout.

For example we have the following "Panel for Smart Devices". When you move the textblock Filter1Text, the change is reflected in the layout:

SmartDevicesPlus Navigation View layout editor with Filter1Text selected in the object tree, pointing via a red arrow to the 'Promotions' text field inside Filter1Table on the canvas, alongside Babies and Makeups filter columns and a grid of menu option cards below.

SmartDevicesPlus Navigation View layout editor showing Filter1Text selected both in the object tree and on the canvas, with selection handles around the 'Promotions' field and a red arrow linking the tree node to the layout element, alongside the Babies and Makeups filter columns.

Edit the applied template option:

With this option you can change the applied template for the layout:

WorkWithDevicesProduct object, List & Detail tab, with the gear icon menu open showing 'List: Edit and apply template', 'View: Edit and apply template', 'Edit: Edit and apply template', and 'Apply properties' options. The list layout preview shows a data grid row with ProductImage, ProductName, and ProductCategory.