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

Create a new Preview tab in the action bar

    XMLWordPrintable

    Details

    • Type: Story
    • Status: Open
    • Priority: Neutral
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: actionbar
    • Labels:
      None

      Description

      Create a new Preview tab in the action bar to contain all preview tools.

      User story:

      As a marketer, I want to preview my content with different channels and templates while I'm editing the content, so that I can fix issues immediately. I want preview to be easy and immediately accessible everywhere.

      Tasks:

      • Split the action bar into two tabs: Edit and Preview.
      • Implement a preview overlay/view that replaces the editing view (form, page editor or fragment editor) with a preview.

      Behavior

      • Switching from Edit to Preview tab displays a different set of actions.
      • Switching from Edit to Preview tab changes the main view.
      • When the action bar is collapsed show the tabs as icons.
      • When you hover on the icon, you can a popup with the actions (same as context menu)

      Design 

       

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              ahietala Antti Hietala
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated: