Building layouts workflows

---

Manipulating tabbed views

• Workflow
• File menu and context menu item to create new tabbed view
• DnD one tab onto another tab to combine views
• DnD items from one tab onto another tab to move items from one view to another view
• DnD and hover with items over a tab to switch focus and bring tab to the foreground
• To be added: Undockable detail views. Users can have multiple detail views up at one time associated with a single chrome in order to facilitate DnDing elements between detail views. Users can open a multiple detail views by right-clicking an item and selecting "Open in new detail view" from the context menu.

• UI components
• Clickable tab
• Close button per tab

Customizing view layouts

• Motivation
• Provide users with the flexibility to choose between 3 layouts to best suit their needs with respect to screen real estate.

• Options
• 3-pane vertical layout (side-by-side: sidebar, summary, detail)
• 3-pane horizontal layout (side-top-bottom: sidebar, summary, detail )
• 2-pane layout (side-by-side sidebar, summary / detail: double-click item in summary view to see detail view)

• Workflow
• Auto-detect screen resolution:
• Screens larger than 1024: 3-pane vertical
• Screens smaller than 1024: 3-pane horizontal
• Screens smaller than 640: 2-pane

• To switch layouts View menu item

Create a new window

• Workflow
• DnD a tabbed view out of the main content area to create a new Chandler window complete with its own chrome.
• [Jungle.OI] Are there use cases where you wouldn't want this to happen?

Multi-tab construction

• Motivation
• Create a flexible framework in which users can create complex multi-pane composite views (views made up of views).

• Workflow
• User creates a tabbed view (A)
• User creates a second tabbed view (B).
• User drags B onto A and hovers, changing the focus to A.
• User drags B next to A (placement bar appears), creates a split-pane side-by-side view.
• User drags B below A (placement bar appears), creates a split-pane top-bottom view.
• Proposal to limit # of views within a view to 3.

---

Storyboards

• tabbed_views.gif:
  

• 01summary_detail_layouts.gif:
  

• 03new_window.gif:
  

• 02view_layouts.gif:
  

Feature list

.4 Target

• Create new tab from
• Keyboard (Cmd / Ctrl - T)
• File menu item
• Right-click Tab bar
• Right-click Collection

• Close tab by
• Menu item to close tab
• Right-click on tab to close tab
• Cmd / Ctrl - Shift - T

• Organize tabs by
• Click tab to bring forward
• DnD items from one tab to another tab

• Creating new windows
• Menu item
• Right-click collection
• Cmd / Ctrl - W
• Cmd / Ctrl - Shift - W to close window

IP-A status

• No right-click context menu for any of the above features

Beyond .4

• Close tab by
• Select and hit Delete to close tab
• Right-click on selected Sidebar item to close tab
• GUI button to close tab

• Organize tabs by
• DnD to re-order tabs
• DnH items from one tab to another tab to auto-bring forward the destination tab

• DnD collections from Sidebar and Detail view to tab
• DnD 1 tab onto another tab to add contents first tab to second tab
• Cmd-click to temporarily merge more than one tab
• Tri-modal persistent selection to temporarily merge more than one tab

• Creating new windows
• DnD tab off of tab bar to create new window with tab

• Layout
• Option to make tab bar disappear when there is only one tab open

• Menu option to switch between 2-pane, 3-pane vertical and 3 pane horizontal view
• DnD to switch between vertical 3-pane and horizontal 3-pane layout
• D-click on item in Summary view to replace Summary view with Detail view

• DnD 1 tab below or next to another tab to create a split-pane view
• Resize panes

• Visual design
• "Syncing" icon on tab

---

Open Issues

% EDITTABLE{include="TemplateOpenIssue"}%

#	Feature	Description
1	Use cases	What are the use cases for these workflows?
2	Single view interactions	How do these workflows interact with the use cases for organizing items in a single view?
3	Saving of tabbed views	Can user save configurations of tabbed views? How would that be handled in the URL?
4	Persistence of tabs	Do configurations and tabs persist across sessions?
5	DnD affordances	Can WxWidgets support lots of rich DnD affordances? e.g. * changing the icon of the dragged item when it hovers over one drop target vs. another * alpha channel in the dragged icon * drag and drop to/from non-Chandler apps Need apps team input
6	02view_layouts.gif priority?	Not in 0.4. Should this even be in Canoga?