Slicer3:UIDesign:WorkingProblems:SlicerFlexibleLayout:UXP

User experience design for Slicer flexible layouts

Back to Flexible Layouts Overview

Selecting an intial grid

In a custom layout tool, a user first selects the number of rows and columns they want to begin with by either

• clicking and dragging on a template or
• entering parameters into entry widgets

Splitting a "pane" in the grid

Subsequent modifications apply to the layout containing the specified number of rows and columns.

User can modify layout by clicking on

• individual panes, or
• pane dividers,

but outer-most edges can not be modified.

Expanding a "pane" in the grid

Moving a "pane divider" in the grid

Question to consider when selecting any pane divider

Assigning content to panes

Evolving tree-based representation of the layout