Candy Logo

Edit Layout
A window is divided into Areas. An Area either displays one Panel, or is split in two Areas, side by side or one above the other. Any layout is built by splitting Areas repeatedly. To change the layout, turn on Window > Edit Layout (Ctrl+L). Every Area is then outlined, and every Panel receives a header. The outlines are drawn over the Panels, so they take no room. Turn the mode off once the layout is arranged: the headers and outlines disappear, and the Panels recover the headers' space.
Edit Layout
An Area with a Panel In Edit Layout mode, a Panel's header is one row:
ControlWhat it does
+Opens the Area's menu.
The arrowChanges the Panel the Area displays.
The nameThe Panel's name.
The + menu:
ItemWhat it does
Split Left, Split Right, Split Up, Split DownSplits the Area in two, with a new Area on that side. The new Area starts with the same kind of Panel.
OptionsThe Panel's settings, and the Area's minimum and maximum size.
The Panel's actionsSuch as Buttons for a Dialogue Buttons panel.
Save Panel Layout..., Load Panel LayoutSaves the Panel's settings under a name, or loads saved ones.
Save Area Layout..., Load Area LayoutSaves the Area with its Panel, or replaces it with a saved Area.
Open in New WindowOpens a new window with a new Panel of the same kind. This Area stays where it is.
Close AreaRemoves the Area. The neighboring Area expands into its place, and the other Areas retain their size.
Right-clicking the header, or anywhere in the Panel, opens the same menu. Hovering an Area thickens its outline. Hovering its +, or opening its menu, highlights the whole Area. Outside Edit Layout mode, right-clicking a Panel opens a shorter menu: Options, the Panel's actions, and its saved layouts. A Split Area An Area that is split has a button over the middle of its divider, and a frame around its two sides, drawn while the divider is hovered or dragged. The button indicates which way the Area is split, and opens its menu:
ItemWhat it does
Add Area on the Left, on the Right, Above, BelowAdds an Area along the whole side of this one. This is how an Area is added under a row of several Areas, for example.
Insert Area BetweenAdds an Area between the two sides.
Swap Left and Right, Swap Top and BottomExchanges the two sides.
Stack Top and Bottom, Place Side by SideTurns the split the other way.
Equal SizesSets both sides to the same size.
Remove Left Side, Remove Right Side (or Top, Bottom)Removes one side, with everything in it. The item names the side's contents.
Save Area Layout..., Load Area LayoutSaves the Area with everything in it, or replaces it with a saved Area.
Frames are nested: the frame of a split Area contains the frames of its two sides. To see which Area a button belongs to, hover the button: its frame is highlighted. Moving Areas An Area is moved by dragging its + button onto another Area of the same window. While the pointer is over an Area, that Area displays where the dragged one would go, and what the drop does.
Dropped onResult
The middle of an AreaThe dragged Area replaces it.
Near one of its sidesThe dragged Area is placed beside it, on that side, and the two share its space.
By default, the dragged Area leaves its place, and the Area beside it expands into it. Two keys, held when dropping, change this: • Ctrl copies the Area instead, and the original stays in its place. • Alt, on the middle of an Area, swaps the two Areas. The two keys are set in Settings > UI > Editor (see Editor). On some systems, holding Alt while dragging moves the whole window: choose another swap key there. A moved or swapped Panel retains its settings and its state. A copy starts with the same settings as the original. Areas only move within their window, and an Area that can't receive the drop isn't highlighted: the Top Bar can't be moved or replaced, for example. Resizing Drag the divider between two Areas. This works with Edit Layout on or off.
  • Hovering a divider displays the size of each side, in pixels.
  • Hold Ctrl while dragging to move in steps. The step is set in Settings > UI > Editor.
  • Hold Alt while dragging to snap the divider into line with the other dividers of the window.
Areas share the window's size in proportion: when the window is resized, they retain their share. Minimum and Maximum Size A minimum and a maximum width and height can be set for an Area, at the bottom of its Panel's Options. 0 means no limit.
  • The Area never shrinks below its minimum size, however the window is resized.
  • The Area never grows beyond its maximum size: the Area beside it receives the rest. When nothing can receive it, the Panel stays at its maximum size in the top-left corner of its Area.
  • When the two conflict, the minimum size wins.
Some Panels have a Scroll option. With it off, the Panel never shrinks below the size of its contents. Building a Layout Most layouts are built with a few operations: Add a Panel beside another Open the + menu of the Panel, choose a split, then pick the new Area's Panel with the arrow in its header. Add a Panel along a whole edge Open the menu of the split Area that covers that edge, and choose one of the Add Area items. Move a Panel Drag its + button onto its destination (see Moving Areas, above). To move it to another window, save it with Save Area Layout..., close it, and load it at its destination. Group Panels in tabs Change an Area's Panel to Tabs, then add Panels to it (see Tabs). Start over Window > Reset Layout restores the built-in layout. Fixed Elements The Top Bar is always at the top of every window. It can't be moved, split or closed.