Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Tab management options (edit, delete, move) will appear on the active tab. If the active tab locked, a locked indicator will display instead. For creating new tabs, an Add Tab link is available on the tab bar.


Add New Tab

The add new tab link is available on the tab bar. Hover/focus feedback indicates and invites interaction.
Image Added


Clicking the add tab link creates a new tab and makes that tab active. The tab name is made editable and is given focus so the user can name the tab as desired.
Image Added Image Added


The blank page displays a prompt to customize the page. This prompt content remains until content has been added to the page, at which point the prompt is automatically removed.
Image Added

Interaction

Panel

Managing Tabs/Pages

(not in scope for BYU)
Portal tabs will need to be added/removed, named, and ordered. Inline edit is recommended for naming. List drag and drop is recommended for ordering.

Considerations

  • Differentiation between intention of click-to-reorder and click-to-name.

Design Patterns