Static Layout Design

From unroole CMS wiki
Jump to: navigation, search


Layout Editor Static Design.png

A layout with a number of standard widgets and an HTML widget (highlighted) providing additional functionality through custom JS/CSS and HTML.

Layout Editor Static Design Code.png

The following is the code used in an HTML widget to produce the screenshot above as part of a static design on the 'Tiger eye' 404 page.

A static design of a website functions much like other CMS's and allows a content editor to add any HTML code to a page instead of using the pre-built widgets. This can be useful when designing pages which have dynamic content that does not conform to the rest of the site structure or theme. A simple content markup allows certain types of content to be linked within HTML widgets, Stylesheets, JavaScripts and other text areas to manage the inclusion of content to these static text areas. To read more about this syntax see unroole Content Markup.

In the images to the right we see a simple page with the default top section, a single full sized box and an HTML widget which takes up the space of the box. The HTML that was used to create this static design is shown to the right and includes a sample of the unroole content markup used to display the 'tiger eye' image seen for this layout.