how to use the CMS in XLsuite

How to use the CMS in XLsuite

http://liveinstrathcona.com
which is also

http://liveinstrathcona.xlsuite.com

This is what is showing on the home page

At this point you go to yourdomain.com/login (which will bounce you to the login page /sessions/new)

Login with your email and password and then go to the “resources” menu as shown below

From Resources you want to drop down to the CMS menu and select “PAGES

this is what the “pages” page looks like

Notice the “LIVEINSTYLE.CSS” that is the ACTUAL CSS page – where your style sheet goes.

Simply paste in the CSS and note below where the “layout” drop down is... you select CSS STYLSHEET – to define the page as a style sheet for the system.

Note also that the parent page has been automatically entered and above it the “slug” is the address of the page. Normally you DO NOT need an extension here – good for SEO. But for the style sheet you need the .css extension in the file name – so in slugline you can direct exactly what “folder” you want the page to be in - (“folder” because it's all virtual)

Below, I'm showing one of the pages that is NOT the home page, you can see I've defined EXACTLY where and what that page is called without any .php / .html ...

Note above here, we've called the page /photos in the slug line – so the address for this page will be http://liveinstrathcona.com/photos -

We've used HTML and have the behavior set to “plain text” (better) but you can also switch to “Rich Text” and use the fckEditor in a more WYSIWIG environment (but it produces crappy code – which is why we normally just hand code it).

You can see also I've asked it to INHERIT the layout from it's parent page - “live in strathcona” (the home page)

Also note I've set the page to “published” - (otherwise you can't see it – even in draft :( )

OK NOW ON TO LAYOUTS

In here, I've selected HTML layouts (This is a page that I had to create)

You can see there is the basic layout info about the style sheet etc.

The idea here is that anything that will repeat on multiple pages that can be inherited, can be put in the layout page.

IE – the header graphic, the navigation bar, a constant side bar, a footer... all this is layed out in the LAYOUT and then referenced in each page.

If you had a front page layout and a secondary page layout (or list view... )

You would simply make 2 different layouts and then in PAGES, when you are setting them up, you simply choose the right one, and then each page that you set up as a “child” of the parent, adopts (or inherits) that layout.

NOTE: at this time we do not have our own image manager. Therefore, all images must be linked to an off site folder (your own, or if you need one, we can provide you one on another domain) so rather than having the image path be “picture1.jpg” it will need to be a full url like “http://ixld.com/livein/img/picture1.jpg” -

UPDATE: We now have the start of an image manager:
Under the Resources / Content / Files section you can now upload images and other files.