Channel Layouts

From unroole CMS wiki
Revision as of 15:13, 30 July 2012 by Mbasset (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


Unroole Admin Panel - Channel Layouts.png

A list of available channel layouts on a website channel.

Channel layouts are used to give a channel a default structure. This can include setting up headers, footers, sidebar's and the content area. However as every channel layout uses the same layout system employed with pages it allows for non-traditional setups as well. Channel Layouts work along with Pages to produce the final HTML code that a vistor to a page will see.

Layout Editor

Channel Layout Editor.png

The additional "content" box type highlighted and used in a channel layout.

Editing a channel layout uses the same Layout Editor used by pages with one exceptions. Channel Layouts have access to a special type of box called a "content" box which defines the area of the page where page content will be added when viewed by a user. This special box allows admins to visually define the area where page content will go as well as configure a default area to be used when editing and previewing the layout to prevent wrapping. Every channel layout can have at most one content area but this is not necessary for a correct layout. Any pages which use this kind of channel layout will not have their content displayed.

Channel layouts allow admins to specify the width of the content area box in which page content will be displayed. This however may not always match the page layout width. For example: If channel Layout width is 960px and the content area box in the layout is 3/4 layout (720px) the maximum size for page content is 720px. In this case it would make sense to design pages layouts designed to fit within 720px. In some cases themes may be designed to automatically respond to differences in content area and page content however this may produce unwanted side effects of wrapping, overlapping or stretching. Therefore it is recommended to design channel and page layouts to have the same content width to prevent issues.

Previewing

Previewing a channel layout.png

A preview of a channel layout with a default content area with a default height.

Like any layout a channel layouts can be previewed using the layout editor's preview capabilities. Channel layout previews will include the content area preview area as well as whichever theme is currently active on a channel (if previewed from that level).

Management

Channel Layout Management

Default Channel Layout Queue

Unroole CMS Admin Panel - Channel Layouts Queue.png

The default channel layout being queued for use on a website channel.

The default channel layout queue allows admins to schedule which layout will be the default one used on the channel. This default layout is usually used for the majority of pages to give the channel a standard structure but can be overridden by page properties. Enqueuing the default layout uses the same process as the Theme Queue.

  1. On a channel navigate to the "Default ChannelLayout" under the "Channel" menu item.
  2. Find the channel layout to be queued in the bottom panel.
  3. Click the "calendar" icon for to bring up the queue dialog box.
  4. Select the date/time for the channel layout to be scheduled using one of the following methods:
    • Click the date/time text area and use the time change menu to schedule the appropriate time.
    • Modify the text area date/time directly.
  5. Click "Enqueue" to schedule in the new channel layout.

To remove a channel layout simply click the "x" beside its name from the top panel. The current default channel layout is indicated by an arrow next to its name.