Hint
WinLIKE-Windows also can be defined without the visual editor. Code can also be written manually. The following tips should help you.
Declaration
All windows that should be used on a WinLIKE-Site have to be defined in the WinLIKE.definewindows function, e.g. mydefs().
Before you edit that function in an own HTML-page, please do not forget to include the necessary WinLIKE resources and body events!
Properties
A window will be created by including the following lines within the mydefs-function:
var j=new WinLIKE.window('Title',PosLeft,PosTop,Width,Height,z-Index);
j.Attribute=Value;
...
WinLIKE.addwindow(j);
The positioning and size details are measured in pixel. The size of a window refers to the window size
without the skin, i.e. just the space that can be filled with content.
The specific properties can be inserted between the first and the last line. If these are omitted, default
values taken from the following table will be used. You will find detailed explanations of the different
properties in the properties window of the editor with a click on the grey arrows.
An attribute declared with an underline instead of the dot (eg. _Ski or _onEvent) will be used for all windows (see the source of 12_sample_skins.html).
Attribute | Meaning | Type | Default | _Default | GUI | Designtime | Runtime |
Ttl | title of the window | string | null | yes | yes | param | r/w |
Left | position of the window | number | 90 | yes | implicit | param | r/w |
Top | position of the window | number | 90 | yes | implicit | param | r/w |
Width | size of the window | number | 240 | yes | implicit | param | r/w |
Height | size of the window | number | 240 | yes | implicit | param | r/w |
RLeft | relative position to browser | string | null | yes | no | param | r/w |
RTop | relative position to browser | string | null | yes | no | param | r/w |
RWidth | relative size to browser | string | null | yes | no | param | r/w |
RHeight | relative size to browser | string | null | yes | no | param | r/w |
Ski | window design (skin) | string | 'default' | yes | yes | yes | r/w |
Adr | content address | string | null | yes | yes | yes | read only |
Nam | target name | string | null | yes | yes | yes | read only |
Fro | always in front | boolean | false | yes | yes | yes | r/w |
Vis | visibility | boolean | true | yes | yes | yes | r/w |
Tit | titlebar visibility | boolean | true | yes | yes | yes | r/w |
Min | min./max. icon visibility | boolean | true | yes | yes | yes | r/w |
Cls | close icon visibility | boolean | true | yes | yes | yes | r/w |
Mov | moveable | boolean | true | yes | yes | yes | r/w |
Siz | resizeable | boolean | true | yes | yes | yes | r/w |
Mn | minimized | boolean | false | yes | no | yes | r/w |
Mx | maximized | boolean | false | yes | no | yes | r/w |
Ed | editable in the editor | boolean | true | yes | no | yes | r/w |
SD | reload symbol visible | boolean | true | yes | no | yes | r/w |
LD | Deeplink visible | boolean | true | yes | no | yes | r/w |
HD | History buttons visible | boolean | true | yes | no | yes | r/w |
Bac | never changes its z-Index | boolean | false | yes | no | yes | r/w |
Rel | relative/absolute behavior | boolean | different | yes | no | yes | r/w |
Del | deleted (not created) | boolean | different | no | no | no | read only |
Bg | background window | boolean | false | no | no | yes | r/w |
onUnload | content function definition | string | null | yes | no | yes | r/w |
onClose | content function definition | string | null | yes | no | yes | r/w |
onEvent | root function definition | string | null | yes | no | yes | r/w |
myP | customizable property | undefined | undefined | undefined | no | yes | r/w |
Please don't use other internal properties, functions or variables, because they change from one WinLIKE version to another.