COMP CATALOG - RIGHT RAIL

Title  Bold text

Sub title

A description is a mandatory part of this component. You can sometimes get around it, by addding a blank space, but the component was designed to show an image with a caption or brief description.

This has been used for product pages (wi-fi, mobile), or tertiary pages. Test edits.

Content Area

3 columns

Content areas are 9 columns and can be divided 3x6, 3x3x3, or 6x3. Column 1 is an image component, column 2 is text, column 3 is text / image component.

3 x 3 x 3

Image can be aligned left, right, centered / text above, or centered / text below. You can choose to show dark text on a white background, or white text on a dark blue background (dark on white is almost always preferred).

Content Area 9 x 9

This is a content area (9x - full width) with only a text component added. There should be a title to the column (Content Area) and a shadowed line.

Background type can be defined here: dark, light, or content. Since AX, though, only light or dark are operable (and that one really won't produce contrast). We should probably put in an enhancement to have that removed as an option.

T / T

This is a child page to my component library page. It's beautiful. View Test Page

 
Simple Table - This Caption is Mandatory (AX)

Table Header - Col 1

First row is always bold and ALL CAPS

Regular text editor for table cells

We can do more elaborate tables

We can colspan and rowspan...

...but tables are for data only.

Text entered appears at the bottom of the table. It is optional.

Content Area

3x6

Showing what a Content Area with 3 x 6 layout looks like. Stacking content areas can make the pages a little more fluid than the 3x3x3 layout, which is also default for Page Teaser Row and Page Teaser Group.

Content Area

Showing what a Content Area with 6 x 3 layout looks like. Stacking content areas can make the pages a little more fluid than the 3x3x3 layout, which is also default for Page Teaser Row and Page Teaser Group. Showing what a Content Area with 6 x 3 layout looks like. Stacking content areas can make the pages a little more fluid than the 3x3x3 layout, which is also default for Page Teaser Row and Page Teaser Group.

6x3