Press this button to Create New Simple Window Form   

Change background color for your new form -   

Change window title for your new form -   

Add adition HTML-code to your new form -   

<HTML>
<HEAD>
<link href="/common_codethat.css" rel="stylesheet" type="text/css">

<script language="javascript1.2" src="codethatsdk.js"></script>
<script language="javascript1.2" src="jsform/codethatform_windowed.js"></script>
<script language="javascript1.2">

var w;

var html = '<HEAD><link href="/common_codethat.css" '+
           ' rel="stylesheet" type="text/css"></HEAD>'+
           '<BODY><table border=0 cellpadding=4 '+
           'cellspacing=2 width=100%><tr><td>'+
"<p class=title><img src='img/alarm.gif' align=left "+
"valign=bottom> It's time to wake up!</td></tr>";

function wincreate () {

	w = new CWindow(
	384, 256, 150, 10,'CodeThatJSForm - windowed',
	html,'#16731A','','','',1,1);
	w.create();

}

</script>
</head>
<body>
<form>
<p>Press this button to Create New Simple Window Form &nbsp;&nbsp;
<input class=btn type=button onclick="wincreate()" 
 value="Create New Box">

<p>Change background color for your new form - 
&nbsp;&nbsp;
<select class=formlist name=bgcolor 
 onclick="if (w == null) alert('You should create at least 
          one Windowed Form. Press Create New Box button.'); 
          else w.bgColor(bgcolor.value)">
<option value="#16731A" selected>&nbsp;Green&nbsp;
<option value="#000000">&nbsp;Black&nbsp;
<option value="#F0DCA3">&nbsp;Yellow&nbsp;
</select>

<p>Change window title for your new form - 
&nbsp;&nbsp;
<select class=formlist name=win_title 
 onclick="if (w == null) alert('You should create at least 
          one Windowed Form. Press Create New Box button.'); 
          else w.Title(win_title.value)">
<option value="&nbsp;<font size='2pt' 
               color='#F9B800'><b> 
               CodeThatJSForm - layered</b></font>" 
               selected>CodeThatJSForm - layered
<option value="&nbsp;<font size='2pt' 
               color='#F9B800'><b> 
               My favorite example</b></font>">
               My favorite example
<option value="&nbsp;<font size='2pt' 
               color='#F9B800'><b> Small form</b>
               </font>">Small form
</select>

<p>Add adition HTML-code to your new form - 
&nbsp;&nbsp;
<select class=formlist name=html 
 onclick="if (w == null) alert('You should create at least 
          one Windowed Form. Press Create New Box button.'); 
          else w.appHTML(html.value)">
<option value="<tr><td><p class=title2>
               <img src='img/deal.gif' align=left 
               valign=bottom>&nbsp;
               And do many important things.</td></tr>"
                selected>And do many important things.
<option value="<tr><td><p class=title3>
               <img src='img/alarm.gif' align=left 
               valign=bottom>&nbsp;
               It's time to wake up!</td></tr>">
               It's time to wake up!
</select>
</form>
</body>
</html>