1,510
edits
Difference between revisions of "GUI Themes/Specs"
Update ToDo. Describe widget class properties
(notice text widget caret misalign) |
(Update ToDo. Describe widget class properties) |
||
| Line 5: | Line 5: | ||
** get mock-up from Krest | ** get mock-up from Krest | ||
** shadows under lists. We do not enable those because of missing scrollbar mock-up | ** shadows under lists. We do not enable those because of missing scrollbar mock-up | ||
** | ** right padding | ||
* PopUp widget (aka drop-down list) | * PopUp widget (aka drop-down list) | ||
** get mock-up from Krest | ** get mock-up from Krest | ||
** less round corners | ** less round corners | ||
*** to do that we need to be able to define gfx for each widget class separately | *** to do that we need to be able to define gfx for each widget class separately | ||
** text padding | ** right text padding | ||
** arrows to make it distinguishable from editable textboxes | ** arrows to make it distinguishable from editable textboxes | ||
** make it taller | ** make it taller | ||
| Line 18: | Line 17: | ||
** though it would be nice to leave current drawing style and select them via widget property | ** though it would be nice to leave current drawing style and select them via widget property | ||
* Editable text widget | * Editable text widget | ||
** | ** fix caret misaligning | ||
** embossing (not shadow) | ** embossing (not shadow) | ||
** less round corners | ** less round corners | ||
| Line 25: | Line 24: | ||
** less round corners | ** less round corners | ||
*** to do that we need to be able to define gfx for each widget class separately | *** to do that we need to be able to define gfx for each widget class separately | ||
* Button widget | * Button widget | ||
** probably tame colors for buttons to match mock-ups | ** probably tame colors for buttons to match mock-ups | ||
| Line 136: | Line 134: | ||
* .visible -- if set to 0, then widget is not drawn | * .visible -- if set to 0, then widget is not drawn | ||
* .align -- for text widgets defines text alignment (kTextAlignLeft, kTextAlignRight or kTextAlignCenter). Default is kTextAlignLeft | * .align -- for text widgets defines text alignment (kTextAlignLeft, kTextAlignRight or kTextAlignCenter). Default is kTextAlignLeft | ||
=== Widget class properties === | |||
Each widget class can be customized per-resolution. You need to specify their special properties. | |||
==== ListWidget ==== | |||
This is widget with list of selectable items | |||
ListWidget.leftPadding=7 | |||
ListWidget.rightPadding=7 | |||
ListWidget.topPadding=5 | |||
ListWidget.bottomPadding=5 | |||
ListWidget.hlLeftPadding=0 | |||
ListWidget.hlRightPadding=0 | |||
''leftPadding'', ''rightPadding'', ''topPadding'' and ''bottomPadding'' specify list contents (text) padding from widget endges. Default values are 0. | |||
''hlLeftPadding'', ''hlRightPadding'' specify padding of selected text highlight, i.e. green bar in ''modern'' theme. Default values are 0. | |||
==== PopUpWidget ==== | |||
This is drop-down list used to select one item out of several. In inactive state it displays only selected item. | |||
PopUpWidget.leftPadding=7 | |||
PopUpWidget.rightPadding=7 | |||
''leftPadding'' and ''rightPadding'' specify list contents (text) padding from widget endges. Default values are 0. | |||
=== Special variables === | === Special variables === | ||