COMP CATALOG - RIGHT RAIL
![](/content/dam/delta-www/hero/hero-b/6/couple-in-beach-chairs-696.jpg)
Title Bold text
Sub titleA 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
![](/content/dam/delta-applications/pcc/oci_140301/images/ads/Avion_Polaris.png)
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.
![](/content/dam/delta-www/elements-splices/blank-10.gif)
3 x 3 x 3
![](/content/dam/delta-applications/pcc/oci_160101/images/viewItinerary/trip_insurance_promo.png)
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.
![](/content/dam/delta-www/elements-splices/blank-10.gif)
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
![](/content/dam/delta-applications/pcc/oci_160101/images/viewItinerary/trip_insurance_promo.png)
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/dam/delta-www/elements-splices/blank-10.gif)
Content Area
![](/content/dam/delta-applications/header/clear.gif)
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
![](/content/dam/delta-tnt/I/I-Square/StarwoodBrand-pool-ROS.png)
Related Links