-
New Feature
-
Resolution: Done
-
Major
-
None
-
None
-
None
-
NEW
-
NEW
Layout editor enhancements
========================
Split existing columns dropping new components
Change the span distribution of a row (using the separator as a slider?), instead of having to delete and create the row again
Fix the preview feature
Add component preview support (i..e a radio button should display a radio button, not the label "radio button")
Support moving rows using drag and drop
Drag a component directly in a row and automatically creates a 12 span column
Column component drag preview on row
Create a tab support for new layouts and a way to define if that layout is a multi tab form or a multi step form
Investigate the possibility to put the plugin editor in a dock in order to maximize layout space
Write an upgrade tool from existing layout to this new (multi tab) version
Review layout editor UX with Joe
Each layout property has to have a way to write a small css snippet (and apply it in generation phase).
Figure out if it's possible to decorate a screen with another screen component internally in screen plugin;
Remove the grid system making stuff totally dnd.
Pere’s changes (https://github.com/pefernan/uberfire-extensions && https://github.com/droolsjbpm/livespark/tree/graphic-editor):
HasDragAndDropSettings: send other information information across the Drag & Drop event, not only the draggable type
HasOnDropNotification: notify the draggable component that’s been droved
HasOnRemoveNotification: notify the draggable component that’s going to be removed
DynamicLayoutDraggableGroup: allow to add / remove dynamic component groups on the components palette. Also allow to add / remove child elements of the dynamic groups.
BootstrapLayoutGenerator: lookup new DraggableComponent iinstances before render them.
Three new type of panels:
Regular tabs;
Carrousel;
Multi Step Screens (asking if a component is ready or not).
Improve HTML editor to be WYSIWYG