Canvas layouts and panes

A canvas is a layout area where you can position formatting objects and associate them with elements in your web content. On a PC, MCS delivers a canvas as a single web page. On smaller devices, MCS sends complex canvasses as sets of pages.

A canvas is a layout area where you can position formatting objects and associate them with elements in your web content. On a PC, MCS delivers a canvas as a single web page. On smaller devices, MCS sends complex canvasses as sets of pages.

The figure shows a canvas layout, designed to display help text on a PC, as it appears in the Design page of the Layout editor.

An outer grid consists of two columns. The left column contains another grid with three panes for sections in a table of contents, and the right column contains a single pane for topics.

MCS displays the content in individual panes. Since there are four panes, and four places where content can be displayed, each pane has a unique name within the layout. In the content, you use the pane names to specify where output from XDIME elements appears.

A canvas layout with panes

You assign attributes to each format, including every pane. These attributes determine the formatting that is applied as the page is generated. For example, you might decide to center the layout of each of the table of contents panes and left align the Topic content.

MCS flows content in normal panes, so headings and paragraphs, and lists will format on the page as you expect.

When you add a pane and name it, you are creating a target for part of the content. You use the theme for the page to target content at a specific pane. In the example a paragraph is mapped to the pane named Topic using the class attribute.

<p class="Topic">The Multi-Channel
  Server (MCS) helps you manage the complexity of delivering a
  wide variety of content to PCs, PDAs, mobile phones,
  internet appliances, games consoles and interactive
  kiosks.</p>

For more information on binding XDIME to layouts, refer to XDIME 2 in layouts.

Related topics