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

Instant split-mode preview

    XMLWordPrintable

Details

    • Story
    • Resolution: Unresolved
    • Neutral
    • None
    • None
    • None
    • None

    Description

      Create a new layout for side-by-side (split mode) editing and preview.

      Benefits

      • Instantly see what impact your content changes have on the experience.
      • Common feature in headless competitors (often done via static site generator)

      Behavior

      • Changes to the content are instantly shown in the preview. (autosave, autorefresh behavior)
      • Toggle in action bar toggles between normal and split screen modes.
      • In split mode, form layout is on the left and preview is on the right.
      • In the form, field labels move to the top of the field to save horizontal space.
      • Preview action bar controls the preview mode (desktop, mobile etc.) just like in normal (non-split) preview.
      • Edit action bar provides the basic actions on the content item, such as Rename, Duplicate and Publish.

      Mockup

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                ahietala Antti Hietala
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:

                  Checklists

                    Task DoD