<Grid>
   <Cfg id="Space Buttons" NoVScroll="1" NoHScroll="1" SuppressCfg="1" UseButton="0" ShowButtons="3" ConstWidth="0" ScrollParentHorz="Border"/>
   <Cols>
      <C Name="id" CanEdit="0" CanSort="0"/>
      <C Name="EMPTY" Type="Text" Width="570"/>
   </Cols>
   <Body>
      <B>
      </B>
   </Body>
   <Solid>
      <I Space="4" Cells="USE,SHOW" Kind="Topbar"
         USEType="Bool" USEFormula="Grid.UseButton" USECanEdit="1" USELabel="Show button as &amp;lt;button>" USEOnChange="Grid.UseButton=Value; Grid.Render();"
         SHOWType="Enum" SHOWFormula="Grid.ShowButtons" SHOWCanEdit="1" SHOWWidth="200" SHOWLabel="Buttons with icon and text" SHOWLeft="10" SHOWOnChange="Grid.ShowButtons=Value; Grid.Render();"
         SHOWEnum="|Default icons, custom both|Icons only|Texts only|Icons and texts, default align|Icons and texts, icons left|Icons and texts, icons right|Icons and texts, icons top|Icons and texts, icons bottom"
         />
      <I id="1" Space="4"
         Cells="CAPTION,Reload,TEXT,BUTTON,BUTTONICON,ICON,ICONTEXT,ICONTEXTRIGHT,DISABLED" 
         CAPTIONType="Html" CAPTION="&amp;nbsp;1 Buttons:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
         ReloadType="Button" ReloadTip="Standard Reload button to reload grid"
         TEXTType="Button" TEXT="text" TEXTOnClick="alert('text clicked')" TEXTTip="Clickable HTML button"
         BUTTONType="Button" BUTTONButton="Button" BUTTON="button" BUTTONOnClick="alert('button clicked')" BUTTONTip="Clickable &amp;lt;button>"
         BUTTONICONType="Button" BUTTONICONButton="Button" BUTTONICON="buttonicon" BUTTONICONIcon="Green.svg" BUTTONICONOnClick="alert('button icon clicked')" ICONBUTTONTip="Clickable &amp;lt;button> with icon"
         ICONType="Button" ICONIcon="Green.svg" ICONOnClick="alert('Icon clicked')" ICONTip="Clickable image button"
         ICONTEXTType="Button" ICONTEXTIcon="Red.svg" ICONTEXT="icontext" ICONTEXTOnClick="alert('Icon with text clicked')" ICONTEXTTip="Clickable image button with text"
         ICONTEXTRIGHTType="Button" ICONTEXTRIGHTIcon="Yellow.svg" ICONTEXTRIGHTIconAlign="Right" ICONTEXTRIGHT="icontextright" ICONTEXTRIGHTOnClick="alert('Icon on right with text clicked')" ICONTEXTRIGHTTip="Clickable image button with text on left side"
         DISABLEDType="Button" DISABLEDIcon="Green.svg" DISABLEDDisabled="1" DISABLED="disabled" DISABLEDOnClick="alert('This button is disabled')" DISABLEDTip="Inactive disabled button"
         />
      <I id="2" Space="4" Calculated="1" CalcOrder="CALCDisabled"
         Cells="CAPTION,SWITCH,SWITCHBTN,SWITCHBTNICON,SWITCHICON,SWITCHTEXT,ENABLE,CALC"
         CAPTIONType="Html" CAPTION="&amp;nbsp;2 Switches:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
         SWITCHType="Button" SWITCHSwitch="1" SWITCH="1" SWITCHButtonText="switch" SWITCHWidth="50" SWITCHOnCheck="alert('switch is on')" SWITCHOnUncheck="alert('switch is off')" SWITCHTip="HTML text switch on/off"
         SWITCHBTNType="Button" SWITCHBTNSwitch="1" SWITCHBTN="0" SWITCHBTNButtonText="switch" SWITCHBTNButton="Button" SWITCHBTNWidth="55" SWITCHBTNOnChange="alert('switch changed')" SWITCHBTNTip="&amp;lt;button> switch on/off"
         SWITCHBTNICONType="Button" SWITCHBTNICONSwitch="1" SWITCHBTNICON="0" SWITCHBTNICONIcon="Red.svg" SWITCHBTNICONIconChecked="Green.svg" SWITCHBTNICONButtonText="switch" SWITCHBTNICONButton="Button" SWITCHBTNICONWidth="80" SWITCHBTNICONOnChange="alert('switch changed')" SWITCHBTNICONTip="&amp;lt;button> with icon switch on/off"
         SWITCHICONType="Button" SWITCHICONSwitch="1" SWITCHICONIcon="Red.svg" SWITCHICONIconChecked="Green.svg" SWITCHICONTip="Image switch with different icon for both states"
         SWITCHTEXTType="Button" SWITCHTEXTSwitch="1" SWITCHTEXTIcon="Red.svg" SWITCHTEXTIconChecked="Green.svg" SWITCHTEXT="1" SWITCHTEXTButtonText="switch off" SWITCHTEXTButtonTextChecked="switch on" SWITCHTEXTTip="Image switch with text and different icon and text for both states"
         ENABLEType="Button" ENABLESwitch="1" ENABLEButtonText="disabled" ENABLEButtonTextChecked="enabled" ENABLEWidth="60" ENABLETip="Text switch with different text for both states&lt;br>Controls Disabled value of the next button"
         CALCType="Button" CALCSwitch="1" CALCDisabledFormula="!Row.ENABLE" CALCButtonText="Calc off" CALCButtonTextChecked="Calc on" CALC="1" CALCTip="Text switch with different text for both states&lt;br>Has Disabled value calculated according to state of previous button"
         />
      <I id="3" Space="4" Calculated="1" CalcOrder="CALCDisabled"
         Cells="CAPTION,T1,T2,T3,I1,I2,I3,B1,B2,B3"
         CAPTIONType="Html" CAPTION="&amp;nbsp;3 Radios:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
         T1Type="Button" T1ButtonText="radio1" T1Switch="1" T1Radio="1" T1Tip="Radio text switch, the first one in group"
         T2Type="Button" T2ButtonText="radio2" T2Switch="1" T2Radio="1" T2="1" T2Tip="Radio text switch, the second one in group"
         T3Type="Button" T3ButtonText="radio3" T3Switch="1" T3Radio="1" T3Tip="Radio text switch, the third one in group"
         I1Type="Button" I1ButtonText="ricon1" I1Switch="1" I1Radio="2" I1Icon="Red.svg" I1IconChecked="Green.svg" I1Tip="Radio text with icon switch, the first one in group"
         I2Type="Button" I2ButtonText="ricon2" I2Switch="1" I2Radio="2" I2Icon="Red.svg" I2IconChecked="Green.svg" I2="1" I2Tip="Radio text with icon switch, the second one in group"
         I3Type="Button" I3ButtonText="ricon3" I3Switch="1" I3Radio="2" I3Icon="Red.svg" I3IconChecked="Green.svg" I3Tip="Radio text with icon switch, the third one in group"
         B1Type="Button" B1ButtonText="button1" B1Switch="1" B1Radio="1" B1Button="Button" B1Tip="Radio button text switch, the first one in group"
         B2Type="Button" B2ButtonText="button2" B2Switch="1" B2Radio="1" B2Button="Button" B2="1" B2Tip="Radio button text switch, the second one in group"
         B3Type="Button" B3ButtonText="button3" B3Switch="1" B3Radio="1" B3Button="Button" B3Tip="Radio button text switch, the third one in group"
         />
      <I id="4" Space="4"
         Cells="CAPTION,LIST,MENU,COMBO,COMBOICONS"
         CAPTIONType="Html" CAPTION="&amp;nbsp;4 Popups:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
         LISTType="Button" LIST="list" LISTList="|Green|Yellow|Red" LISTIcons="|Green.svg|Yellow.svg|Red.svg" LISTActions="|alert('Selected item Green')|alert('Selected item Yellow')|alert('Selected item Red')" LISTTip="HTML text button with popup menu with icons and actions"
         MENUType="Button" MENU="menu" MENUIcon="Yellow.svg" MENUIconAlign="Right" MENUTip="Image switch with text on left side and custom action with collapsible levels and submenus"
         MENUList="{
               Items:[
                  {Name:'A',Icon:'Green.svg',Height:18,Text:'One',OnClick:function(I){alert('OnClick event - Selected item One');}},
                  {Name:'B',Icon:'Yellow.svg',Height:18,Text:'Two',OnClick:function(I){alert('OnClick event - Selected item Two');}},
                  {Level:1,Name:'3-5',Expanded:0,Items:[
                     {Name:'C',Text:'Three'},
                     {Name:'D',Text:'Four'},
                     {Name:'E',Text:'Five'}
                     ]},
                  {Level:1,Name:'6-7',Expanded:1,Items:[
                     {Name:'F',Text:'Six'},
                     {Name:'G',Text:'Seven'}
                     ]},
                  {Menu:1,Name:'8-9',Items:[
                     {Name:'H',Text:'Eight'},
                     {Name:'I',Text:'Nine'}
                     ]},
                  {Name:'J',Icon:'Red.svg',Height:18,Text:'Ten'}
                  ],OnSave:function(I){alert('OnSave event - Selected item '+I.Text)}
               }"
         COMBOType="Button" COMBOSwitch="1" COMBO="combo" COMBOList="|combo|Green|Yellow|Red" COMBOEmptyValue="combo" COMBOWidth="60" COMBOTip="HTML text combo, selects one value from list"
         COMBOICONSType="Button" COMBOICONSSwitch="1" COMBOICONS="combo icons" COMBOICONSIcon="Yellow.svg" COMBOICONSList="|Green|Yellow|Red" COMBOICONSIcons="|Green.svg|Yellow.svg|Red.svg" COMBOICONSWidth="110" COMBOICONSTip="Image combo with HTML text"
         />
      <I id="5" Space="4"
         Cells="CAPTION,TEXT,SELECT,DATE,BOOL,RADIO,ENUM,LINES"
         CAPTIONType="Html" CAPTION="&amp;nbsp;5 Other types:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
         TEXTType="Text" TEXTWidth="35" TEXT="Text" TEXTTip="Text type in Space row"
         SELECTType="Select" SELECTDefaults="|Select|Green|Yellow|Red" SELECT="Select" SELECTWidth="35" SELECTOnChange="alert('Select changed to '+Value)" SELECTTip="Select type in Space row"
         DATEType="Date" DATEWidth="35" DATEEmptyValue="Date" DATEFormat="M/d" DATEEditFormat="M/d" DATETip="Date type in Space row"
         BOOLType="Bool" BOOLLabelRight="Bool" BOOL="1" BOOLTip="Bool type in Space row" BOOLCanEmpty="1"
         RADIOType="Radio" RADIOEnum="|Radio1|Radio2" RADIOWidth="130" RADIOTip="Radio type in Space row" RADIO="Radio1"
         ENUMType="Enum" ENUMEnum="|Enum|Red|Yellow|Green" ENUM="Enum" ENUMWidth="65" ENUMTip="Enum type in Space row"
         LINESType="Lines" LINESWidth="70" LINESAcceptEnters="1" LINESMaxEditHeight="45" LINES="Lines"  LINESTip="Lines type in Space row"
         />
      
      <Tabber id="6" Space="-1" Calculated="1" CalcOrder="STYLES,T4Icon"
         Cells="CAPTION,T1,T2,T3,T4,T5,Sep1,Cfg,STYLES"
         CAPTIONType="Html" CAPTION="&amp;nbsp;6 Tabber:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
         T1Type="Button" T1Button="Tab" T1Switch="1" T1Radio="1" T1List="|tab1-1|tab1-2|tab1-3" T1EmptyValue="tab1" T1Width="50" T1PopupIcon="2" T1="tab1" T1Tip="HTML text tab combo"
         T2Type="Button" T2Button="Tab" T2Switch="1" T2Radio="1" T2ButtonText="tab2" T2Width="35" T2="0" T2Tip="HTML text tab, standard switch"
         T3Type="Button" T3Button="Tab" T3Switch="1" T3Radio="1" T3List="|tab3-1|tab3-2|tab3-3" T3Icons="|Green.svg|Yellow.svg|Red.svg" T3EmptyValue="tab3" T3Width="70" T3="tab3" T3Tip="Image tab combo with HTML text"
         T4Type="Button" T4Button="Tab" T4Switch="1" T4Radio="1" T4List="|tab4-1|tab4-2|tab4-3|tab4-4|tab4-5" T4EmptyValue="tab4" T4Width="70" T4="tab4" T4IconFormula="Value=='tab4'?'Red.svg':'Green.svg'" T4Tip="HTML text tab combo with icon on/off"
         T5Type="Button" T5Button="Tab" T5Switch="1" T5Radio="1" T5EmptyValue="tab5" T5Width="70" T5="tab5" T5Tip="Image tab combo with HTML text and custom menu with collapsible levels and submenus"
         T5List="{
               Items:[
                  {Name:'tab5-1',Icon:'Green.svg',Height:18},
                  {Name:'tab5-2',Icon:'Yellow.svg',Height:18},
                  {Level:1,Name:'3-5',Expanded:0,Items:[{Name:'tab5-3',Icon:'none'},{Name:'tab5-4',Icon:'none'},{Name:'tab5-5',Icon:'none'}]},
                  {Level:1,Name:'6-7',Expanded:1,Items:[{Name:'tab5-6',Icon:'none'},{Name:'tab5-7',Icon:'none'}]},
                  {Menu:1,Name:'8-9',Items:[{Name:'tab5-8',Icon:'Green.svg',Height:18},{Name:'tab5-9',Icon:'Red.svg',Height:18}]},
                  {Name:'tab5-10',Icon:'Red.svg',Height:18}
                  ]
               }"
         Sep1Type="Button" Sep1Button="TabSep"
         CfgType="Button" CfgButton="Html" CfgTip="Standard Cfg button to show configuration menu"
         STYLESType="Button" STYLESButton="Html" STYLESSwitch="1" STYLESList="Turq,Standard,Black,Material,White,-,Relief,Light,Office,Gradient,Borders,Query,ExtJS,Sharp,Round,Plain,Colors" STYLESPopupIcon="2" STYLESTip="Combo to choose TreeGrid style"
         STYLESFormula="{TS:'Standard',TT:'Turq',TB:'Black',TW:'White',TM:'Material',CF:'Relief',CL:'Light',CO:'Office',CG:'Gradient',CB:'Borders',CR:'Round',CP:'Plain',CC:'Colors',CQ:'Query',CE:'ExtJS',CS:'Sharp'}[Grid.Style]"
         STYLESOnChange="Grid.SetStyle({Standard:'TS',Turq:'TT',Black:'TB',White:'TW',Material:'TM',Relief:'CF',Light:'CL',Office:'CO',Gradient:'CG',Borders:'CB',Round:'CR',Plain:'CP',Colors:'CC',Query:'CQ',ExtJS:'CE',Sharp:'CS'}[Value],0,1)"
         />
      <Tabber id="7" Space="5" Calculated="1" CalcOrder="STYLES,T4Icon"
      Cells="CAPTION,T1,T2,T3,T4,T5,Sep1,Cfg,STYLES"
      CAPTIONType="Html" CAPTION="&amp;nbsp;6 Tabber:" CAPTIONOnClick="alert('Caption clicked')" CAPTIONWrap="0" CAPTIONTip="Inactive caption"
      T1Type="Button" T1Button="Tab" T1Switch="1" T1Radio="1" T1List="|tab1-1|tab1-2|tab1-3" T1EmptyValue="tab1" T1Width="60" T1PopupIcon="2" T1="tab1" T1Tip="HTML text tab combo"
      T2Type="Button" T2Button="Tab" T2Switch="1" T2Radio="1" T2ButtonText="tab2" T2Width="35" T2="0" T2Tip="HTML text tab, standard switch"
      T3Type="Button" T3Button="Tab" T3Switch="1" T3Radio="1" T3List="|tab3-1|tab3-2|tab3-3" T3Icons="|Green.svg|Yellow.svg|Red.svg" T3EmptyValue="tab3" T3Width="70" T3="tab3" T3Tip="Image tab combo with HTML text"
      T4Type="Button" T4Button="Tab" T4Switch="1" T4Radio="1" T4List="|tab4-1|tab4-2|tab4-3|tab4-4|tab4-5" T4EmptyValue="tab4" T4Width="70" T4="tab4" T4IconFormula="Value=='tab4'?'Red.svg':'Green.svg'" T4Tip="HTML text tab combo with icon on/off"
      T5Type="Button" T5Button="Tab" T5Switch="1" T5Radio="1" T5EmptyValue="tab5" T5Width="70" T5="tab5" T5Tip="Image tab combo with HTML text and custom menu with collapsible levels and submenus"
      T5List="{
               Items:[
                  {Name:'tab5-1',Icon:'Green.svg',Height:18},
                  {Name:'tab5-2',Icon:'Yellow.svg',Height:18},
                  {Level:1,Name:'3-5',Expanded:0,Items:[{Name:'tab5-3',Icon:'none'},{Name:'tab5-4',Icon:'none'},{Name:'tab5-5',Icon:'none'}]},
                  {Level:1,Name:'6-7',Expanded:1,Items:[{Name:'tab5-6',Icon:'none'},{Name:'tab5-7',Icon:'none'}]},
                  {Menu:1,Name:'8-9',Items:[{Name:'tab5-8',Icon:'Green.svg',Height:18},{Name:'tab5-9',Icon:'Red.svg',Height:18}]},
                  {Name:'tab5-10',Icon:'Red.svg',Height:18}
                  ]
               }"
      Sep1Type="Button" Sep1Button="TabSep"
      CfgType="Button" CfgButton="Html" CfgTip="Standard Cfg button to show configuration menu"
      STYLESType="Button" STYLESButton="Html" STYLESSwitch="1" STYLESList="Turq,Standard,Black,Material,White,-,Relief,Light,Office,Gradient,Borders,Query,ExtJS,Sharp,Round,Plain,Colors" STYLESPopupIcon="2" STYLESTip="Combo to choose TreeGrid style"
      STYLESFormula="{TS:'Standard',TT:'Turq',TB:'Black',TW:'White',TM:'Material',CF:'Relief',CL:'Light',CO:'Office',CG:'Gradient',CB:'Borders',CR:'Round',CP:'Plain',CC:'Colors',CQ:'Query',CE:'ExtJS',CS:'Sharp'}[Grid.Style]"
      STYLESOnChange="Grid.SetStyle({Standard:'TS',Turq:'TT',Black:'TB',White:'TW',Material:'TM',Relief:'CF',Light:'CL',Office:'CO',Gradient:'CG',Borders:'CB',Round:'CR',Plain:'CP',Colors:'CC',Query:'CQ',ExtJS:'CE',Sharp:'CS'}[Value],0,1)"
      />
   </Solid>
   <Header id="id" EMPTY=""/>
   <Toolbar Add="0" Columns="0" Debug="0"/>
</Grid>