Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-5252

Implement a section form layout

    XMLWordPrintable

Details

    • New Feature
    • Resolution: Obsolete
    • Neutral
    • None
    • None
    • None
    • None

    Description

      User story:

      As an application developer, I want to lay out form components (fields) into groups and sections, so that I reduce visual clutter for users and make it easier for them to fill complex forms.

      As an application developer, I want to define form field layouts in the form definition, so that I don't have to use a completely different mechanism for layout. Default and tab layouts are already configurable in the form definition. I want to do other layouts the same way. 

      Business benefits for users:

      • Related fields are easier to identify.
      • Reduces visual clutter. Shows only relevant information.
      • Easier to focus on smaller, more manageable groups of fields.

      Acceptance criteria:

      • Support the first 3 alternative form layouts: Line separators, Group titles and Accordion.
      • DevX: Make form layout configurable in the form definition using in YAML and JCR configuration.
      • Custom layouts are supported via Vaadin declarative syntax ( Done in Magnolia 6.1)

      Demo: MGNLUI-5472

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                avongunten Anja von Gunten
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved: