JavaScript DHTML/SmartClient/Window

Материал из Web эксперт
Перейти к: навигация, поиск

Add an image to a Window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"window1",
 title:"Window 1",
   showShadow:true,
 left:100, 
 top:150, 
 width:212, 
 height:252,
 items:[
   Img.create({
           autoDraw:false,
     width:200, height:200,
     src:"http://www.wbex.ru/style/logo.png",
     autoDraw:false
   })
 ]

}); window3.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Add controls to window title bar

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.DynamicForm.create({

   ID: "systemSelector",
   width:75, numCols:1,
   layoutAlign:"center",
   fields: [
       {name: "selectFont", type: "select", width:120, showTitle: false,
        valueMap: ["Development", "Staging", "Production"],
        defaultValue:"Development",
        change : "statusReport.setNewStatus(value)"
       }
   ]

}); isc.Window.create({

   width: 300, height: 200,
   title: "Status",
   canDragReposition: true, canDragResize: true,
   headerControls : ["closeButton", "minimizeButton", "headerLabel", 
                     systemSelector],
                     
   items: [
       isc.HTMLFlow.create({
           ID:"statusReport",
           padding:5,
           width: "100%",
           height: "100%",
           setNewStatus : function (system) {
               this.setContents(system +
                   ": Normal
"); } }) ]

}); statusReport.setNewStatus("Development"); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Add label to a window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 2",
 left:350, top:150, width:150, height:150,
 autoDraw:false,
 showHeaderIcon:false,
 showCloseButton:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:false,
 showShadow:false,
 items:[
   Label.create({
           autoDraw:false,
     height:75,
     contents:"This is a window with no header icon, header buttons, footer, or shadow."
   }),
   Button.create({
           autoDraw:false,
     title:"Close Me",
     click:"w.closeClick()"
   })
 ]

}); w.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Add shadow to a window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="papayawhip" MARGINHEIGHT=0 MARGINWIDTH=0 LEFTMARGIN=0 TOPMARGIN=0>

<IMG SRC=images/blank.gif WIDTH=1 HEIGHT=4>


<SCRIPT> Window.create({

 ID:"window1",
 title:"Window 1",
   showShadow:true,
   
 left:100, top:150, width:212, height:252,
 items:[
   Img.create({
           autoDraw:false,
     width:200, height:200,
     src:"http://www.wbex.ru/style/logo.png",
     autoDraw:false
   })
 ]

}); window3.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


auto center

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 3",
 width:550, height:550,
 autoDraw:false,
 isModal:true,
 canDragResize:false,
 autoCenter:true,
 showHeaderIcon:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:true,
 items:[
   Label.create({
           autoDraw:false,
     height:50,
     contents:"This is an auto-centered modal window.

" + "You cannot interact with other UI components while this window is open." }) ]

}); w.show(); w.setStatus("setStatus at "+timeStamp());

</SCRIPT> </BODY> </HTML>

 </source>
   
  


Close window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 2",
 left:350, top:150, width:150, height:150,
 autoDraw:false,
 showHeaderIcon:false,
 showCloseButton:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:false,
 showShadow:false,
 items:[
   Label.create({
           autoDraw:false,
     height:75,
     contents:"This is a window with no header icon, header buttons, footer, or shadow."
   }),
   Button.create({
           autoDraw:false,
     title:"Close Me",
     click:"w.closeClick()"
   })
 ]

}); w.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Create a window and set the title, left, right, top and width, height

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="papayawhip" MARGINHEIGHT=0 MARGINWIDTH=0 LEFTMARGIN=0 TOPMARGIN=0>

<IMG SRC=images/blank.gif WIDTH=1 HEIGHT=4>


<SCRIPT> Window.create({

 ID:"window1",
 title:"Window 1",
   showShadow:true,
   
 left:100, top:150, width:212, height:252,
 items:[
   Img.create({
           autoDraw:false,
     width:200, height:200,
     src:"http://www.wbex.ru/style/logo.png",
     autoDraw:false
   })
 ]

}); window3.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Drag to reposition and resize a window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.defineClass("HelpCanvas", "Canvas").addProperties({

   autoDraw: false,
   defaultWidth: 300,
   padding: 10,
   contents: "Severity 1 - Critical problem
System is unavailable in production or " + "is corrupting data, and the error severely impacts the user"s operations." + "

Severity 2 - Major problem
An important function of the system " + "is not available in production, and the user"s operations are restricted." + "

Severity 3 - Minor problem
Inability to use a function of the " + "system occurs, but it does not seriously affect the user"s operations."

}); isc.Window.create({

   title: "Severity Levels",
   autoSize: true,
   canDragReposition: true,
   canDragResize: true,
   items: [
       isc.HelpCanvas.create()
   ]

}); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Hide close icon

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 2",
 left:350, top:150, width:150, height:150,
 autoDraw:false,
 showHeaderIcon:false,
 showCloseButton:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:false,
 showShadow:false,
 items:[
   Label.create({
           autoDraw:false,
     height:75,
     contents:"This is a window with no header icon, header buttons, footer, or shadow."
   }),
   Button.create({
           autoDraw:false,
     title:"Close Me",
     click:"w.closeClick()"
   })
 ]

}); w.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Hide footer

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 2",
 left:350, top:150, width:150, height:150,
 autoDraw:false,
 showHeaderIcon:false,
 showCloseButton:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:false,
 showShadow:false,
 items:[
   Label.create({
           autoDraw:false,
     height:75,
     contents:"This is a window with no header icon, header buttons, footer, or shadow."
   }),
   Button.create({
           autoDraw:false,
     title:"Close Me",
     click:"w.closeClick()"
   })
 ]

}); w.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Hide header icon

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 2",
 left:350, top:150, width:150, height:150,
 autoDraw:false,
 showHeaderIcon:false,
 showCloseButton:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:false,
 showShadow:false,
 items:[
   Label.create({
           autoDraw:false,
     height:75,
     contents:"This is a window with no header icon, header buttons, footer, or shadow."
   }),
   Button.create({
           autoDraw:false,
     title:"Close Me",
     click:"w.closeClick()"
   })
 ]

}); w.show(); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Modal window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 3",
 width:550, height:550,
 autoDraw:false,
 isModal:true,
 canDragResize:false,
 autoCenter:true,
 showHeaderIcon:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:true,
 items:[
   Label.create({
           autoDraw:false,
     height:50,
     contents:"This is an auto-centered modal window.

" + "You cannot interact with other UI components while this window is open." }) ]

}); w.show(); w.setStatus("setStatus at "+timeStamp());

</SCRIPT> </BODY> </HTML>

 </source>
   
  


Modal window dialog

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver">

<SCRIPT> isc.IButton.create({

   ID: "touchButton",
   width: 120,
   title: "Touch This"

}); isc.Label.create({

   left: 150,
   height: 20,
   contents: "<a href="http://www.google.ru" target="_blank">Open Google</a>"

}); isc.IButton.create({

   title: "Show Window",
   top: 35,
   left: 75,
   click : function () {
       touchButton.setTitle("Can"t Touch This");
       modalWindow.show();
   }

}); isc.Window.create({

   ID: "modalWindow",
   title: "Modal Window",
   autoSize:true,
   autoCenter: true,
   isModal: true,
   showModalMask: true,
   autoDraw: false,
   closeClick : function () { touchButton.setTitle("Touch This"); this.Super("closeClick", arguments)},
   items: [
       isc.DynamicForm.create({
           autoDraw: false,
           height: 48,
           padding:4,
           fields: [
               {name: "field1", type: "select", valueMap: ["foo", "bar"]},
               {name: "field2", type: "date"},
               {type: "button", title: "Done",
                click: "modalWindow.hide();touchButton.setTitle("Touch This")" }
           ]
       })
   ]

}); </SCRIPT>

</BODY> </HTML>

 </source>
   
  


Resizable window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.defineClass("HelpCanvas", "Canvas").addProperties({

   autoDraw: false,
   defaultWidth: 300,
   padding: 10,
   contents: "Severity 1 - Critical problem
System is unavailable in production or " + "is corrupting data, and the error severely impacts the user"s operations." + "

Severity 2 - Major problem
An important function of the system " + "is not available in production, and the user"s operations are restricted." + "

Severity 3 - Minor problem
Inability to use a function of the " + "system occurs, but it does not seriously affect the user"s operations."

}); isc.Window.create({

   title: "Auto-sizing window",
   autoSize: true,
   canDragReposition: true,
   canDragResize: true,
   items: [
       isc.HelpCanvas.create()
   ]

}); isc.Window.create({

   width: 200,
   height: 200,
   left: 325,
   title: "Normal window",
   canDragReposition: true,
   canDragResize: true,
   items: [
       isc.HelpCanvas.create()
   ]

}); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Scrollable window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.defineClass("HelpCanvas", "Canvas").addProperties({

   autoDraw: false,
   defaultWidth: 300,
   padding: 10,
   contents: "Severity 1 - Critical problem
System is unavailable in production or " + "is corrupting data, and the error severely impacts the user"s operations." + "

Severity 2 - Major problem
An important function of the system " + "is not available in production, and the user"s operations are restricted." + "

Severity 3 - Minor problem
Inability to use a function of the " + "system occurs, but it does not seriously affect the user"s operations."

}); isc.Window.create({

   title: "Auto-sizing window",
   autoSize: true,
   canDragReposition: true,
   canDragResize: true,
   items: [
       isc.HelpCanvas.create()
   ]

}); isc.Window.create({

   width: 200,
   height: 200,
   left: 325,
   title: "Normal window",
   canDragReposition: true,
   canDragResize: true,
   items: [
       isc.HelpCanvas.create()
   ]

}); </SCRIPT> </BODY> </HTML>

 </source>
   
  


Set image as the window edge

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>

</HEAD><BODY BGCOLOR="silver">

<SCRIPT> exampleText = "When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature"s God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation."

isc.defineClass("DragText", "Label").addProperties({

   contents:exampleText,
   width:240, padding:8,
   styleName:"blackOnWhite",
   canDragReposition:true, dragAppearance:"target", keepInParentRect:true

}) isc.DragText.create({

   showEdges:true,
   edgeImage:"edges/custom/sharpframe_10.png",
   edgeSize:10

}) isc.DragText.create({

   left:100, top:80,
   showEdges:true,
   edgeImage:"edges/custom/frame_10.png",
   edgeSize:10

}) isc.DragText.create({

   left:200, top:160, width:250,
   showEdges:true,
   edgeImage:"edges/custom/glow_15.png",
   edgeSize:15

}) </SCRIPT>

</BODY> </HTML>

 </source>
   
  


Set status for a window

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 3",
 width:550, height:550,
 autoDraw:false,
 isModal:true,
 canDragResize:false,
 autoCenter:true,
 showHeaderIcon:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:true,
 items:[
   Label.create({
           autoDraw:false,
     height:50,
     contents:"This is an auto-centered modal window.

" + "You cannot interact with other UI components while this window is open." }) ]

}); w.show(); w.setStatus("setStatus at "+timeStamp());

</SCRIPT> </BODY> </HTML>

 </source>
   
  


showMinimizeButton:false, showMaximizeButton:false,

   <source lang="html4strict">


<HTML><HEAD>

 <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
   <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
 <SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>

</HEAD><BODY> <SCRIPT> Window.create({

 ID:"w",
 title:"Window 2",
 left:350, top:150, width:150, height:150,
 autoDraw:false,
 showHeaderIcon:false,
 showCloseButton:false,
 showMinimizeButton:false,
 showMaximizeButton:false,
 showFooter:false,
 showShadow:false,
 items:[
   Label.create({
           autoDraw:false,
     height:75,
     contents:"This is a window with no header icon, header buttons, footer, or shadow."
   }),
   Button.create({
           autoDraw:false,
     title:"Close Me",
     click:"w.closeClick()"
   })
 ]

}); w.show(); </SCRIPT> </BODY> </HTML>

 </source>