UI-Elements

From Apache OpenOffice Wiki
Revision as of 15:27, 5 January 2007 by Cj (Talk | contribs)

Jump to: navigation, search

THIS IS DOCUMENT IS WORK IN PROGRESS. PLEASE DO NOT CHANGE CONTENT.

_ _

Copy the wiki-code you need out of the Grey boxes, and past it into your specification.

Dialog or Window

Show Example

 === <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

Show Example

 === <"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

Show Example

 === <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 Allowed'''
| <Specify characters here>
|
|-
| '''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>
|
|-
|} 
Personal tools