<JSET CLASS="jset.gui.control.JsButton" ID="-1" STYLE="0xa00032">
	<RECT X="0" Y="0" W="80" H="20"/>
</JSET>


Hex Common styles Style description
Border Shows a border (COLOR CODE 3)
Border 3d Shows a 3D border (COLOR CODE 3 & COLOR CODE 4)
Visible Shows / hides the component and its content
Enabled Enables / disables the component
Strech parent Will use all parent WIDTH and HEIGHT regardless of X, Y, W, H, CONSTRAINT W, and CONSTRAINT H.
Strech right Will use all parent WIDTH from X until (parent right border - (CONSTRAINT W)), regardless of W.
Strech bottom Will use all parent HEIGHT from Y until (parent bottom border - (CONSTRAINT H)), regardless of H.
Follow right Will stick to (parent component right border - CONSTRAINT W), regardless of X.
Follow bottom Will stick to (parent component bottom border - CONSTRAINT H), regardless of Y.
Hex Important styles Style description
Flat Flat look & feel (border on rollover only).
Sticky Keeps button down when clicked.
Lock sticky unselect When button is sticky and selected, prevents from going up when clicking on it.
0xa00032
"/>

Style names in red means displayed state (true/false) differs from the default component state.

Code Name XML
0 Background
<COLOR CODE="0" RGB="0xD0D0D0"/>
1 Foreground
<COLOR CODE="1" RGB="0x000000"/>
2 Disabled foreground
<COLOR CODE="2" RGB="0xBEBEBE"/>
3 Dark border
<COLOR CODE="3" RGB="0x666666"/>
4 Bright border (with 3D style)
<COLOR CODE="4" RGB="0xFFFFFF"/>


All components receive EVENTS, which are declared after each others, within the component XML node, as follows:

<JSET CLASS="..." STYLE="..." NAME="..."/>
	<RECT .../>
	<COLOR .../>
	<EVENT built{...}>
	<EVENT create{...}>
	<EVENT ...{...}>
</JSET>


built event, for the top level component only (main)

<EVENT built{
	// test if event[0] equals 0 or 1
	if(event[0] == 1) trace('This is a new file instance, its state is the initial state');
	else trace('This is an existing file instance, its state is the last state in which it was');
	// test if event[1] param exists, see getFileInstance(path, param, reload);
	if(event[1] != null) param = event[1];
}>


create event, to know when a component is created.

<EVENT create{
	trace('component has been created');
}>




Method name Method description   Method name Method description
cpn.getColor(code); Returns a component color.   cpn.setColor(code, value); Changes a component color.
cpn.getData(); Returns the component render.   cpn.setData(render); Changes a component data (such as button caption).
cpn.getRect(); Returns an array of 4 elements, X, Y , W, and H.   cpn.setRect(X,Y,W,H); Sets position and size of a component.
Use null to not modify one of the params.
cpn.hasStyle(style); Returns true if component has the style.   cpn.setStyle(style, true/false); Changes a component style.
Use true or 1 to add, false of 0 to remove.


Containers


 JsContainer

 JsExpand

 JsScrollContainer

 JsSplitContainer

 JsTab


 JsDialog

 JsWindow


Data (SQL & XML result sets)


 JsDataCombo

 JsDataGrid

 JsDataGridForm

 JsListBox

 JsDataPanel

 JsDataTreeBox


 JsDataForm


Text, number, &date


 JsWordPadEdit

 JsTextArea

 JsEdit

 JsXmlTextArea


 JsNumberEdit

 JsSpinEdit


 JsExpandCalendar

 JsDatePicker


Other components


 JsButton

 JsCheckbox

 JsGroupBox

 JsMenu

 JsProgressBar

 JsRadio

 JsStatic