Add(MainForm,1,385,182)
{
  Width=#4:1280|
  Height=#3:720|
  Caption=#5:Table|
  ShowCaption=0
  ShowBorder=0
  link(onCreate,5:doEnum,[])
}
Add(SimpleTable,2,728,182)
{
  Width=#4:1280|
  Height=#3:720|
  Columns=#382:[{"title":"ID","width":"80"},{"title":"Job name","width":"140"},{"title":"Status","width":"120"},{"title":"Progress","width":"80","align":"center"},{"title":"Priority","align":"center","width":"80"},{"title":"Submitted by","width":"100"},{"title":"Submission date","width":"140","align":"center"},{"title":"Finish date","width":"140","align":"center"},{"title":"XXX","width":"140"}]|
  Point(onMouseUp)
}
Add(StrList,4,483,119)
{
  Strings=#61:000014|Test 4|Working|14%|134|name 3|08.02.2017 08:50:04||XXX|58:000117|Test 2|Waiting||130|name 1|08.02.2017 07:54:18||XXX|58:003410|Test 3|Waiting||500|name 2|08.02.2017 08:56:32||XXX|78:000400|Test 1|Done|100%|500|name 2|08.02.2017 04:32:45|07.02.2017 19:20:58|XXX|
}
Add(ArrayEnum,5,490,182)
{
  link(onEnum,7:doSplit,[])
  link(Array,4:Array,[])
}
Add(ArraySplit,7,567,182)
{
  Delimiter=#1:||
  link(onSplit,2:doAddRow,[])
}

...
	<link rel="stylesheet" href="http://ide.hiasm.com/style.css" type="text/css"/>
	<link rel="stylesheet" href="http://ide.hiasm.com/styles/ui.css" type="text/css"/>
	
	
	<script type="text/javascript" src="http://ide.hiasm.com/js/htmltools.js"></script>
	<script type="text/javascript" src="http://ide.hiasm.com/js/dialog.js"></script>
	<script type="text/javascript" src="http://ide.hiasm.com/js/ui.js"></script>
...

Add(PaintBox,2,182,56)
{
  Left=7
  Top=14
  Width=#3:300|
  Height=#3:300|
  Point(HTMLElement)
  link(onDraw,5:doFill,[])
}
Add(PaintBox,3,175,168)
{
  Left=322
  Top=14
  Width=#3:300|
  Height=#3:300|
  link(onDraw,8:doDraw,[(235,174)(235,269)(161,269)(161,230)])
}
Add(Rectangle,4,294,56)
{
  X2=300
  Y2=300
}
Add(FillStyle,5,238,56)
{
  Color=Lime
  link(onFill,4:doDraw,[])
}
Add(Button,6,119,168)
{
  Left=434
  Top=329
  Caption=#5:test1|
  link(onClick,3:doDraw,[])
}
Add(Button,7,294,175)
{
  Left=749
  Top=329
  Caption=#5:test2|
  link(onClick,9:doDraw,[])
}
Add(DrawImage,8,175,224)
{
  link(Canvas,3:Canvas,[])
  link(Image,11:Var2,[])
}
Add(PaintBox,9,350,175)
{
  Left=630
  Top=14
  Width=#3:300|
  Height=#3:300|
  link(onDraw,10:doDraw,[(414,181)(414,270)(336,270)(336,230)])
}
Add(DrawImageRegion,10,350,224)
{
  SourceWidth=300
  SourceHeight=300
  link(Canvas,9:Canvas,[])
  link(Image,11:Var3,[(370,133)])
}
Add(GetDataEx,11,189,126)
{
  link(Data,2:HTMLElement,[])
}

Add(PaintBox,3,175,168)
{
  Left=322
  Top=14
  Width=#3:300|
  Height=#3:300|
  link(onDraw,8:doDraw,[(235,174)(235,269)(161,269)(161,230)])
}
Add(Button,6,119,168)
{
  Left=434
  Top=329
  Caption=#5:test1|
  link(onClick,3:doDraw,[])
}
Add(Button,7,294,175)
{
  Left=749
  Top=329
  Caption=#5:test2|
  link(onClick,9:doDraw,[])
}
Add(DrawImage,8,175,224)
{
  link(Canvas,3:Canvas,[])
  link(Image,11:Var2,[])
}
Add(PaintBox,9,350,175)
{
  Left=630
  Top=14
  Width=#3:300|
  Height=#3:300|
  link(onDraw,10:doDraw,[(414,181)(414,270)(336,270)(336,230)])
}
Add(DrawImageRegion,10,350,224)
{
  SourceWidth=300
  SourceHeight=300
  link(Canvas,9:Canvas,[])
  link(Image,11:Var3,[(370,133)])
}
Add(GetDataEx,11,189,126)
{
  link(Data,12:HTMLElement,[])
}
Add(VideoPlayer,12,182,56)
{
  Left=35
  Top=42
  URL=#41:http://www.w3schools.com/html/mov_bbb.ogg|
  Point(HTMLElement)
}