Uploaded image for project: 'AppFormer'
  1. AppFormer
  2. AF-254

[Uberfire Extensions] Layout Editor Improvements

XMLWordPrintable

    • Icon: New Feature New Feature
    • Resolution: Done
    • Icon: Major Major
    • 0.9.0.Final
    • 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

              eignatow Eder Ignatowicz
              eignatow Eder Ignatowicz
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: