Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
dev:hig:panel-plugins [2012/05/25 15:51] – [Labels] typo killermoehre | dev:hig:panel-plugins [2012/06/03 19:06] – [Size] mike | ||
---|---|---|---|
Line 114: | Line 114: | ||
===== Panel properties ===== | ===== Panel properties ===== | ||
- | ==== mode ==== | + | ==== Mode ==== |
- | The panel (starting with 4.10) has 3 modes : horizontal, vertical and deskbar. A plugin should layout its widgets following those rules : | + | The panel has three modes: horizontal, vertical, and deskbar. |
- | * use a vertical XfceHVBox if the panel is in vertical or deskbar mode, horizontal otherwise. | + | |
- | * labels should be oriented vertically (using '' | + | |
- | * progressbars should be oriented vertically in horizontal mode, horizontally otherwise. | + | |
- | ==== size ==== | + | === Horizontal mode === |
- | Plugins should be tested to still render fine in all panel sizes, starting from 16px to 40px at least. | + | * Widgets are placed horizontally |
+ | * Progressbars are placed vertically | ||
- | The exception is a deskbar | + | === Vertical |
- | * a single row is used - in such a case plugins should resort to displaying icons only. Plugins which must display text or input fields | + | * Widgets |
- | * look " | + | * Labels are rotated |
+ | * Progressbars are placed horizontally | ||
+ | === Deskbar mode === | ||
+ | * Widgets are placed vertically | ||
+ | * Composited widgets can be packed horizontally | ||
+ | * Labels are not rotated | ||
+ | * Progressbars are placed horizontally | ||
+ | |||
+ | ==== Size ==== | ||
+ | |||
+ | Two category of sizes can be distinguished for the panel: small and large size. | ||
+ | |||
+ | === Padding === | ||
+ | |||
+ | * Plugins that include a padding have to stick to 1px for a size < 28px and 2px otherwise. | ||
+ | * When displaying a frame around the plugin, the padding has to be 0px for a size of < 28px and 1px otherwise. | ||
==== number of rows ==== | ==== number of rows ==== | ||