UI-Elements
From Apache OpenOffice Wiki
THIS IS DOCUMENT IS WORK IN PROGRESS. PLEASE DO NOT CHANGE CONTENT.
_Contents
Copy the wiki-code you need out of the Grey boxes, and past it into your specification.
Dialog or Window
=== <ITEM-NUMBER Dialog or Window> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''State:''' | <Modal or Modeless> | |- | '''Type:''' | <Dialog or Window> | |- | '''Closable:''' | <Yes or No> | |- | '''Resizable''' | <Yes or No> | |- | '''Other:''' | <Specify_Other_Properties_Here> | |- | '''Window Title:''' | <Specify Title Here> | |}
Button
=== <"ITEM-NUMBER" Button> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''On Click:''' | <Specify On Click Action Here> | |- | '''Other:''' | <Specify Other Properties Here> | |- | '''Button Label:''' | <Specify Label (preferably in EN-US) here> | |}
CheckBox
=== <ITEM-NUMBER CheckBox> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Tristate:''' | <Specify When Tristate Occurs Here> | |- | '''Checked:''' | <Specify When Checked Here> | |- | '''Other:''' | <Specify Other Properties Here> | |- | '''CheckBox Label:''' | <Specify Label (preferably EN-US) Here> | |}
RadioButton
=== <ITEM-NUMBER RadioButton> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Selected:''' | <Specify When Selected Here> | |- | '''RadioButton Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
ComboBox
=== <ITEM-NUMBER ComboBox> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Max. Row Count:''' | <Specify Number Here e.g. 20> | |- | '''Number of Rows Visible:''' | <Specify Number Here e.g. 8> | |- | '''Items:''' | # <Item #1 EN-US> ; <Item #1 (in your native language)> # <Item #2 EN-US> ; <Item #2 (in your native language)> | |- | '''Item Selected''' | <Specify Number Here> | |- | '''Other:''' | <Specify_Other_Properties_Here> | |- | '''ComboBox Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
DropDown ListBox
=== <ITEM-NUMBER DropDown ListBox> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Max. Row Count:''' | <Specify Number Here e.g. 20> | |- | '''Number of Rows Visible:''' | <Specify Number Here e.g. 8> | |- | '''List of Items:''' | # <Item #1 EN-US> ; <Item #1 (in your native language)> # <Item #2 EN-US> ; <Item #2 (in your native language)> | |- | '''Item Selected''' | <Specify Number Here> | |- | '''Other:''' | <Specify_Other_Properties_Here> | |- | '''DropDown ListBox Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
ListBox
=== <ITEM-NUMBER ListBox> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Number of Rows Visible:''' | <Specify Number Here e.g. 8> | |- | '''List of Items:''' | # <Item 1> # <Item 2> | |- | '''Item Selected''' | <Specify Number Here> | |- | '''Sorting by Drag & Drop:''' | <Enabled/Disabled> | |- | '''Other:''' | <Specify_Other_Properties_Here> | |- | '''DropDown ListBox Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
Label
=== <ITEM-NUMBER Label> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''DropDown ListBox Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
Menu
=== <#, State MENU TITLE here, Menu> === {| border="2" cellpadding="1" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | bgcolor="#dddddd" | '''Item''' || bgcolor="#dddddd" | '''Sub Item''' || bgcolor="#dddddd" | '''Sub Item''' || bgcolor="#dddddd" | '''KBD Shortcut''' || bgcolor="#dddddd" | '''Icon''' || bgcolor="#dddddd" | '''Properties''' |- | <Item Title> | | | * <Properties> | <Icon> | <Keyboard Shortcut> |- |}
Progress Bar
=== <ITEM-NUMBER Progress Bar> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Min. Value:''' | <Specify min. value; e.g 0%> | |- | '''Max. Value:''' | <Specify max. value; e.g 100%> | |- | '''Other:''' | <Specify other properties here> | |- | '''Progress Bar Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
Slider
=== <ITEM-NUMBER Slider> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Min. Value:''' | <Specify min. value; e.g 0%> | |- | '''Max. Value:''' | <Specify max. value; e.g 100%> | |- | '''Snap at Tick:''' | <Yes/No> | |- | '''Minor Tick Interval:''' | <Specify Tick Interval; e.g 10%> | |- | '''Major Tick Interval:''' | <Specify Tick Interval; e.g 50%> | |- | '''Slider Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
SpinField
=== <ITEM-NUMBER SpinField> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Min. Value:''' | <Specify min. value; e.g 0> | |- | '''Max. Value:''' | <Specify max. value; e.g 100> | |- | '''Start Value:''' | <Specify value; e.g 50> | |- | '''Steps:''' | <Specify value; e.g 1> | |- | '''Measurement Unit:''' | <Specify unit; e.g %, mm, inch, px> | |- | '''SpinField Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
TextField
=== <ITEM-NUMBER TextField> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Read Only:''' | <Yes/No> | |- | '''Initial String:''' | <Specify String Here> | |- | '''String Preselected:''' | <Yes/No> | |- | '''Caret Position:''' | <0> | |- | '''Characters Not Allowed''' | <Specify characters here> | |- | '''Echo characters (Password Field)''' | <Specify echo character; e.g.*> | |- | '''TextField Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
Toolbar
=== <ITEM-NUMBER Toolbar> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Toolbar Name:''' | <Specify Name (preferably EN-US) Here> | |- | '''Has Closer:''' | <Yes/No> | |- | '''Style:''' | <Icon/Icon & Text/Text Only> | |- | '''Initial State:''' | <Docked/Floated> | |- | '''Initial Docking Position:''' | <Top, Bottom, Next to Toolbar XYZ> | |- | '''Initial Floating Position::''' | <Default, or X/Y coordinates in pixel> | |- | '''List in "View/Toolbars":''' | <Yes/No> | |- | '''Is Context Sensitive:''' | <If yes state context(s) here> | |- | colspan="3" bgcolor="#eeeeee" |'''Toolbar Items:''' |- | colspan="3" |'''Item <State Number Here>''' |- | '''Item Name:''' | <Specify Item Name (preferably EN-US) Here> | |- | '''Item Icon:''' | <Link to Image here> | |- | '''Action:''' | <Specify action here. E.g. Calls "File Save" Dialog> | |- | '''Other Properties:''' | <Specify properties here> | |}
TextArea
=== <ITEM-NUMBER TextArea> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Read Only:''' | <Yes/No> | |- | '''Initial String:''' | <Specify String Here> | |- | '''String Preselected:''' | <Yes/No> | |- | '''Caret Position:''' | <0> | |- | '''Characters Not Allowed''' | <Specify characters here> | |- | '''TextArea Label:''' | <Specify Label (preferably EN-US) Here> | |- |}
TreeControl
=== <ITEM-NUMBER TreeControl> === {| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; border: 1px #cccccc solid; border-collapse: collapse; width: 100%" |- | width="200" bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment''' |- | '''Enabled:''' | <Specify When Enabled Here> | |- | '''Disabled:''' | <Specify When Disabled Here> | |- | '''Drag & Drop Allowed:''' | <Yes/No> | |- | '''Nodes Initially Expanded:''' | <Specify Nodes here> | |- | '''Node Initially Selected:''' | <Specify Node here> | |- | '''TreeControl Label:''' | <Specify Label (preferably EN-US) Here> | |- |}