<Grid>
   <Cfg id="Html" NoVScroll="1" Sorting="0" IdChars="0123456789" NumberId="1" CopyPasteRows="2" ScrollParentHorz='Border'/>
   <Cfg ExportImages="Img,Html,Other,Icon,Side,Button,Panel,Space,Indent,Resize" DynamicStyle="1" DynamicBorder="1" ExportHeights="3"/>
   <Cfg Menu="|OpenImage|-|AssignImage|RestoreImage|RestoreImageSize|RestoreImagePosition|RestoreImageRotation|EnterImageOpacity|EnterImageName|-|FloatImage|TextImage|DuplicateImage|DeleteImage|-|DragImageMove|DragImageCopy|DragImageResize|DragImageRotate|DragImageNone|DragImageClear"/>
   <Cols>
      <C Name="id" Type="Int" CanEdit="0" CanSort="0"/>
      <C Name="LINK" Width="130" VarHeight="2"/>
      <C Name="IMAGE" Width="150" VarHeight="2"/>
      <C Name="IMG" Width="100"/>
      <C Name="HTML" Width="200" Type="EHtml" TextImg="4" VarHeight="2" NoStyle="0" Spanned="1"/>
      <C Name="PANEL" Type="Panel" Width="150" PanelSelectTip="Select tip" PanelDeleteTip="Delete tip" PanelMoveTip="Move tip" PanelCopyTip="Copy tip" CopyMenu="CopyRow,AddRow"/>
      <C Name="ABS" Type="Abs" Width="60" Spanned="1"/>
      <C Name="FILE" Type="File" Width="310"/>
   </Cols>
   <Def>
      <D Name="R" VertAlign="top"/>
   </Def>
   <DefCols>
      <D Name="C" NoStyle="2" NoBorder="2"/>
   </DefCols>
   <Body>
      <B>
         <I id="1"
            LINKType="Text" LINK="Link attribute" LINKLink="http://www.treegrid.com" LINKCanEdit="0" LINKTip="Simple not editable link attached to any cell Type by Link attribute"
            IMAGEType="Icon" IMAGE="Green.svg" IMAGETip="Icon type - Basic inactive image in cell"
            IMGImg="|Green.svg"
            HTML="&lt;img src='Green.svg' height='18'>" HTMLTextImg="0"
            PANEL="Select,Delete"
            ABSRowSpan="2" ABS="|10|15|30|20|Text" ABSTip="One absolutely positioned text inside cell"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose one file&lt;/i>" FILEFormat="*Name* {*Type* *Size*B} "
            />
         <I id="2"
            LINKType="Text" LINK="Link attribute edit" LINKLink="http://www.treegrid.com" LINKTip="Editable text with not editable link defined by Link attribute"
            IMAGE="Cell text" IMAGEIcon="Green.svg" IMAGEOnClickSideIcon="alert('Left icon clicked')" IMAGEButton="Red.svg" IMAGEOnClickSideButton="alert('Right icon clicked')" IMAGETip="Icon and Button attributes - Cell with both left and right clickable icons"
            IMGImg="|Green.svg|!,!,18,18"
            HTML="&lt;img src='Green.svg' height='17'>&lt;img src='Yellow.svg' height='17'>&lt;span style='font-weight:bold;'>EHtml text image&lt;/span>&lt;img src='Red.svg' height='17'>"
            PANEL="Move,Select,Delete,Copy"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose one or more files&lt;/i>" FILERange="2"
            />
         <I id="3" MidHtml="&amp;nbsp;3 - Custom HTML section without cells"/>
         <I id="4"
            LINKType="Link" LINK="|http://www.treegrid.com|Link type|new_window" LINKCanEdit="0" LINKTip="Simple not editable link defined by Link type"
            IMAGE="Cell text" IMAGEIcon="Green.svg" IMAGEIconAlign="Right" IMAGEOnClickSideIcon="alert('Left icon clicked')" IMAGEButton="Red.svg" IMAGEOnClickSideButton="alert('Right icon clicked')" IMAGETip="Icon and Button attributes - Cell with two right clickable icons&lt;br>It is NOT possible to have two left icons"
            IMGImg="|Red.svg|(3,(3,18,18|Yellow.svg|!,!,18,18|Green.svg|)-3,)-3,18,18|Red.svg|!20,-10,18,18"
            HTML="&lt;img src='Red.svg' height='26'>&lt;img src='Yellow.svg' height='10'>&lt;span style='font-weight:bold;'>EHtml text image&lt;/span>&lt;img src='Green.svg' height='43' style='transform:rotate(45deg);position:relative;top:0px;left:-20px;opacity:0.4;'>" HTMLImg="|Yellow.svg|)3,-10,18,18"
            PANEL="Green,Select,Red,Copy,Delete,Yellow" PANELGreen="Green.svg" PANELRed="Red.svg" PANELYellow="Yellow.svg" PANELOnClickPanelGreen="alert('Green clicked')" PANELOnClickPanelRed="alert('Red clicked')" PANELOnClickPanelYellow="alert('Yellow clicked')" PANELPanelGreenTip="Green tip" PANELPanelYellowTip="Yellow tip" PANELPanelRedTip="Red tip" PANELPanelYellowCursor="crosshair" PANELPanelRedCursor="wait" PANELPanelGreenCursor="help"
            ABSRowSpan="5" ABS="|20|0|||One||||10|40|25|20|Two|TSTabHtmlBase|||20|100|35|20|&lt;div style='background:pink;border:1px solid black;font-weight:bold;'>Three&lt;/div>||||2|20|||Four||||30|20|25|18|Five|TSHeaderFocus|||35|45|20|20|Six|TSRotate2|||8|120|||&lt;img src='Green.svg' height='17'/>Seven||||10|60|35|35|&lt;div style='background:brown;color:white;'>Eight&lt;/div>|TSRotate1||" ABSTip="Many absolutely positioned and independent tags inside cell"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose one image file as background&lt;/i>" FILEFormat="&lt;div style='background:url(*Url*);height:*Height*px;'>&amp;nbsp;&lt;/div>" FILEAccept="image/*"
            />
         <I id="5"
            LINKType="Link" LINK="|http://www.treegrid.com|Link type edit|new_window" LINKTip="Editable link defined by Link type"
            IMAGEType="Html" IMAGE="&lt;img src='Green.svg' height='17' onclick='alert(&quot;Green icon clicked&quot;)'>&lt;img src='Yellow.svg' height='17' onclick='alert(&quot;Yellow icon clicked&quot;)'>&lt;span style='display:inline-block;height:17px;'>Html type&lt;/span>&lt;img src='Red.svg' height='17' onclick='alert(&quot;Red icon clicked&quot;)'>" IMAGETip="Html type using &amp;lt;img> tags and other content"
            HTML="&lt;a href='http://www.treegrid.com'>Link 1&lt;/a> and &lt;a href='http://www.treegrid.com/Gantt'>Link 2&lt;/a>"
            IMGImg="|Yellow.svg|10,10,36,36,135|Green.svg|30,0,30,30,,0.5"
            PANEL="start,stop,end" PANELstartWidth="28" PANELstopWidth="28" PANELendWidth="28" PANELOnClickPanelstart="alert('start clicked')" PANELOnClickPanelstop="alert('stop clicked')" PANELOnClickPanelend="alert('end clicked')" PANELPanelstartTip="start tip" PANELPanelstopTip="stop tip" PANELPanelendTip="end tip"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose more image files as thumbnails&lt;/i>" FILEFormat="&lt;img src='*Url*' height='*Height*' width='*Height*'>" FILERange="2" FILESeparator="" FILEAccept="image/*"
            />
         <I id="6"
            LINKType="Html" LINK="&lt;a href='http://www.treegrid.com'>Html type with &amp;lt;a>&lt;/a>" LINKTip="Link defined by custom HTML tag &amp;lt;a> in Html type cell"
            IMAGEType="Img" IMAGE="|Yellow.svg|||||" IMAGEHtmlPostfix="Editable icon" IMAGETip="Img type - editable image"
            HTML="&lt;a href='../../Doc/TypeHtml.htm#TEHtml'>&lt;span style='font-size:15px;font-weight:bold;'>HTML - Rich text editor&lt;/span> &lt;img src='Yellow.svg' height='15' style='position:relative;top:-3px;'>&lt;/a>&lt;br>&lt;br>&lt;span style='color:red;'>color&lt;/span> &lt;span style='font-family:serif;'>font&lt;/span> &lt;span style='font-weight:bold;font-style:italic;text-decoration:underline overline line-through;text-decoration-color:#0DD;'>style&lt;/span> &lt;span style='font-size:18px;'>size&lt;/span> &lt;span style='line-height:50%;vertical-align:50%;'>index&lt;/span> &lt;span style='text-shadow:0px 0px 5px green'>shadow&lt;/span> &lt;span style='background-color:yellow;'>background&lt;/span> &lt;span style='border:1px solid blue;border-bottom:2px dashed green;'>border&lt;/span>" HTMLRowSpan="3"
            PANEL="start,stop,Green,Red" PANELGreen="Green.svg" PANELRed="Red.svg" PANELstartWidth="28" PANELstopWidth="28" PANELOnClickPanelGreen="alert('Green clicked')" PANELOnClickPanelRed="alert('Red clicked')" PANELPanelGreenTip="Green tip" PANELPanelRedTip="Red tip" PANELPanelRedCursor="wait" PANELPanelGreenCursor="help" PANELOnClickPanelstart="alert('start clicked')" PANELOnClickPanelstop="alert('stop clicked')" PANELPanelstartTip="start tip" PANELPanelstopTip="stop tip"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose more image files as name &amp; thumbnails&lt;/i>" FILEFormat="*Name* &lt;img src='*Url*' height='*Height*' width='*Height*'>" FILERange="2" FILESeparator=" " FILEAccept="image/*"
            />
         <I id="7"
            LINKType="Text" LINK="HtmlPrefix" LINKHtmlPrefix="&lt;a href='http://www.treegrid.com'>" LINKHtmlPostfix="&lt;/a>" LINKCanEdit="0" LINKTip="Link defined by custom HTML &amp;lt;a> in HtmlPrefix for any cell value"
            IMAGEType="Img" IMAGE="|Yellow.svg|13|13|||http://www.treegrid.com" IMAGEHtmlPostfix="&amp;nbsp;Resized icon and link" IMAGECanEdit="0" IMAGETip="Img type with link and width and height set to shrink the image"
            PANEL="Delete,,Yellow,,Select,Move" PANELYellow="Yellow.svg" PANELEmptyWidth="15" PANELOnClickPanelYellow="alert('Yellow clicked')" PANELPanelYellowTip="Yellow tip"
            IMGImg="|Yellow.svg|10,10,50,50,100,,,10,5,30,40"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose more image files as real size&lt;/i>" FILEFormat="&lt;span style='background:url(*Url*) no-repeat;padding-left:50px;'>&amp;nbsp;&lt;/span>" FILERange="2" FILESeparator=" " FILEAccept="image/*"
            />
         <I id="8"
            LINKType="Text" LINK="API OnClick" LINKOnClick="window.open('http://www.treegrid.com')" LINKCursor="Pointer" LINKTip="Link done by API event OnClick"
            IMAGEType="Img" IMAGE="|Yellow.svg|11|11|3|3" IMAGEFormat="|||&lt;div style='float:left'>|&lt;/div>&amp;nbsp;Cut icon and edit" IMAGEEditFormat="|2|1|1|1" IMAGETip="Img type with x,y,width and height set to show only a part of the image&lt;br>Editing of all parts of the image"
            FILEEmptyValue="&lt;i style='color:gray;'>Choose more files, show images as thumbnails&lt;/i>" FILEFormat="*Name* &lt;img src='*Url*' height='*Height*' width='*Height*'>" FILERange="2" FILESeparator=" "
            />
      </B>
   </Body>
   <Header id="id" LINK="Link" IMAGE="Image" IMG="Floating image" HTML="EHtml type - editable HTML" ABS="Abs" PANEL="Panel" PANELType="Html" FILE="File"/>
   <Media><M MaxWidth="1023" Tag="0"> <Cfg NoHScroll="1"/> </M></Media>
</Grid>