script sample:

Layout layout1
{    
	// first of all, set the surfaces and properties
	// this is applied to the controls/dialogs when the
	// surfaces are created
	
	plain IDD_DIALOG1
	{
		plain IDC_BUTTON1
		{
			text text { val="Cancel" };
			bitmap imgbtn { filename="button.bmp" };
			bg back { img="bgimage.png"; color="#00ffff" };
		};
	};
	
	// now set sizing and position information; these
	// are to be evaluated every time a WM_SIZE event occurs
	//
	// The "size" section happens after the initialization
	// section so that all surfaces have been defined before
	// evaluating "size"
	
	size
	{
		IDD_DIALOG1
		{
		    width = parent.width / 3;
		    height = 200;
		    pos.x	= screen.width/2 - parent.pos.x/2;
		    pos.y	= screen.height/2 - parent.pos.y/2;
		    			
			IDC_BUTTON1
			{
			    pos				= parent.pos;
			    
				text.pos		= pos;
				text.width		= width/2;
				imgbtn.pos.x	= text.pos.x + text.width;
				imgbtn.width	= width/2 
			}
		};
	
	};
};

Layout layout2
{    
	plain IDD_DIALOG1
	{
		plain IDC_BUTTON1
		{
			text text { val="Cancel" };
			bitmap imgbtn { resource=IDC_BITMAP1 };
			gradient_bg back { begin_color=root.bg.color; to_color="#ffffff"; angle=270 };
		};
	};
	
	size
	{
		IDD_DIALOG1
		{			
		    width = 420;
		    height = 400;
		    pos.x	= screen.width/2 - parent.pos.x/2;
		    pos.y	= screen.height/2 - parent.pos.y/2;
		    
			IDC_BUTTON1
			{
				pos				= parent.pos;
				
				text.pos.x		= parent.pos.x + parent.width/2;
				text.width		= parent.width/3;
				imgbtn.pos.x	= text.pos.x + text.width;
				imgbtn.width	= parent.width/2 
			}
		};
	
	};
};

// layout, plain, button -- keywords
// Layout1/Layout2 -- 1 to 1 mapping with WindowLayout objcts
// text/bitmap/bg/gradient_bg -- aliases for text, bitmap,
//                               background, and gradient
//                               background surface classes.
//                               New surfaces with those
//                               properties will be created
//                               for the particular control
//                               in that particular layout
// val -- value to be given the surface (in context)...
//        meaning a "string" if the surface displays a string,
//        a filename, if the surface displays an image, etc
// name -- name of the surface, to be used in scripting
// pos -- x,y position of upper left corner of surface,
//        relative to the parent surface/ctrl. Changed
//        if surface is resized, or moved
// width/height -- width/height of surface; usually a relative
//                 computation done each time the surface
//                 is notified to update size

<layout name="Layout1">    <plain resourceID=IDD_DIALOG1>        <plain resourceID=IDC_BUTTON1>            <text name="text">Cancel</text>            <bitmap name="imgbtn" filename="button.bmp" />            <bg name="back" img="bgimage.png" color="#00ffff" />        </plain>    </plain></layout>