Before introductiong Simone into your project, check if your using a supported versions of jQuery and jQuery UI, or download the appropriate versions. Also make sure that all the browsers version you need to support are supported by Simone.
Only modern browsers are supported by Simone. No support for legacy browsers, sorry.
Certain API's, like fullscreen API, are missing in older browsers. Graceful degradation if provided.
Simone require jQuery and jQuery UI. The tables bellow show all compatible versions of jQuery and jQuery UI.
|Compatible jQuery versions|
|1.x||1.7.x and bellow||1.8.3||1.9.1||1.10.2||1.11.1||1.12.0|
* Other minor jQuery versions from 1.8.0 are likely to work too,
although Simone is not tested against them.
|Compatible jQuery UI versions|
|1.9.x and bellow|
- – supported
- – not supported
- – compatibility not yet confirmed
Required jQuery UI components
Table bellows shows those jQuery UI components that are required for Simone to work, and those that are optional. Without required components, widgets will not fire or be basically useless. Without highly recommended and recommended components, certain features will be not available, but widgets should work (and if they doesn't, please fill a bug report).
Note: When downloading themes from jQuery UI download site, check all the JS dependencies required for Simone, otherwise you will be missing some CSS. Unchecking all the JS files and going only for a particular theme won't work.
|Required jQuery UI components|
|Optional jQuery UI components|
|Draggable||Required for draggable windows, and for sortable window buttons.|
|Droppable||Required for draggable windows, and for sortable window buttons.|
|Resizable||Required for resizable windows, and resizable taskbars.|
|Menu||Required when using window groups, or language select menu, or start buttons.|
|Sortable||Required for sortable window buttons.|
|Required when using clock with datepicker.|
|Tooltip||Required for pretty tooltips.|
Adding files to your project
Adding Simone to your project is pretty straightforward.
Remember to download compatibile versions of jQuery and jQuery UI.
When you have your files downloaded, unpack or move them to a common directory. For the sake of this instruction, let's assume that
simone is a directory where your Simone files are, jQuery is in
jquery directory, and jQuery UI is in
jquery-ui directory. Let's assume that development versions are used. Assuming that you use
js/ directory for all JS libraries, the inside of your head tag should look something like that:
There are a lot of demos to get you started with Simone.