Full | Plain view ( html)

<?xml version="1.0"?> <toolbar> # a top xml tag <item id="new" type="button" img="new.gif" imgdis="new_dis.gif"/> # a button item with images for enabled/disabled states only <item id="save" type="button" text="Save" img="save.gif" imgdis="save_dis.gif"/> # a button item with text, images for enabled/disabled states <item id="open" type="button" text="Open"/> # a button item with text only <item id="sep01" type="separator"/> # a separator item <item id="undo" type="button" img="undo.gif" imgdis="undo_dis.gif" title="Undo"/> # a button item with tooltip <item id="redo" type="button" img="redo.gif" imgdis="redo_dis.gif" title="Redo"/> <item id="cut" type="button" img="cut.gif" imgdis="cut_dis.gif" title="Cut" enabled="false"/> # a disabled button <item id="copy" type="button" img="copy.gif" imgdis="copy_dis.gif" title="Copy"/> <item id="paste" type="button" img="paste.gif" imgdis="paste_dis.gif" title="Paste"/> <item id="sep02" type="separator"/> <item id="form" type="buttonTwoState" img="form.gif" imgdis="form_dis.gif" title="Form"/> # a two-state button with images for enabled/disabled states, tooltip <item id="filter" type="buttonTwoState" img="filter.gif" imgdis="filter_dis.gif" text="Filter" title="Filter"/> # a two-state button with images for enabled/disabled states, text, tooltip <item id="any_word" type="buttonTwoState" text="Any Word" selected="true"/> # a pressed two-state button with text only <item id="txt_1" type="buttonInput"/> # an input button <item id="txt_2" type="buttonInput" value="Filter Text" width="60" title="type the text here"/> # an input button with predifined initial value, width, and tooltip <item id="sep1" type="separator"/> <item id="history" type="buttonSelect" text="History"> # a select button with text only <item type="button" id="8_1" text="Today"/> # a listed option with text only <item type="button" id="8_2" text="Yesturday" selected="true"/> # a preselected listed option <item type="button" id="8_3" text="Last Week"/> <item type="button" id="8_4" text="Last Month"/> <item id="8_sep0" type="separator"/> # a listed option - separator <item type="button" id="8_5" img="icon_more.gif" text="More..."/> # a listed option with image for the enabled state, text </item> <item id="sep2" type="separator"/> <item id="page_setup" type="buttonSelect" img="page_setup.gif" imgdis="page_setup_dis.gif" text="Page"> # a select button with text, images for enabled/disabled states <item type="button" id="9_11" text="Layout"/> <item type="button" id="9_12" text="Management"/> </item> <item id="print" type="buttonSelect" img="print.gif" imgdis="print_dis.gif" title="Print"> # a select button with images for enabled/disabled states, tooltip <item type="button" id="9_1" text="Page"/> <item type="button" id="9_2" text="Selection"/> <item id="9_sep0" type="separator"/> <item type="button" id="9_3" text="Custom..."/> </item> <item id="sep3" type="separator"/> <item id="slider" type="slider" length="70" valueMin="10" valueMax="100" valueNow="70" textMin="10 MBit" textMax="100 MBit" toolTip="%v MBit"/> # a slider item <item id="sep4" type="separator"/> <item id="text" type="text" text="dhtmlxToolbar Demo"/> # a text item </toolbar>
a mandatory top XML tag
a toolbar item, each item must have a unique ID
id of a toolbar item
path to the image for the enabled state of a toolbar item
path to the image for the disabled state of a toolbar item
sets toolbar item's type
sets a toolbar item as enabled (true) or disabled (false) by default
sets toolbar item's value by default (input button)
sets a toolbar item's width (input button)
sets slider's length in px (a mandatory parameter)
sets slider's minimum value (int; a mandatory parameter)
sets slider's maximum value (int; a mandatory parameter)
sets slider's current value by default (int; a mandatory parameter)
sets slider's text for a minimum value (an optional parameter)
sets slider's text for a maximum value (an optional parameter)
sets slider's tooltip text template, %v will be replaced with the current value (an optional parameter)
label (text) of a toolbar item (button, two-state button, select button, text item)
tooltip text of a toolbar item (button, two-state button, input button, select button)
sets a toolbar item selected (listed option) or pressed (two-state button) by default