Setup / Layout

Layout of an application

The application is defined within the root element <animation/>.

Below you can see how the app is structured.




Which translates into something like this, codewise.
Pretty simplistic, really.





Click to run basic example
Click to view source


Publishing

Once the XML file has been coded, save it to your online desktop in the 'programs' folder.
The path to your application becomes:


http://www.naltabyte.se/
desktop/xin/your_root/ programs/
your_app.xml


About ID's

The first DIV block is also the applications main container and it should have it's ID set to <app_id>, and the app is to be saved and made accessable as <app_id>.xml.
This makes the application easy to process.

You can have multiple containers, but the main container should have this ID.

- How to open a window app.

xin.add_win('<container_id>','<app_title>',resizable(1/2),maximizable(1/2),width,height,posY,posX,'bgColor','','<icon_path>');

- How to insert an app into that window.

xin.widget_call('<app_url>','','<container_id>');

The <container_id> can be any div or other element in the app, as long as it's correponding to the same in the previous window call.

If you intend to use the main div, then xin.app('<app_url>','<app_id>'); will do everything in a single call, making the previous calls pointless.


External resources

You may link to external JS or external CSS files, and they will be included.
(See next tab)


Required

The TITLE tag must be present.