Using the Containers Page
To access the Containers page (IB_DOCTPLDEFN3) select and click the Containers tab.
Image: Template Designer – Containers page
This example illustrates the fields and controls on the Template Designer – Containers page. You can find definitions for the fields and controls later on this page.
This table describes common elements used on the Template Designer – Containers page:
|
Field or Control |
Definition |
|---|---|
| Content Style/Style |
Enter style information in CSS3 format to apply. The styles you define in this field are individual styles. Use the Container Selector section to define and apply CSS selectors, such as class selectors, ID selectors, element selectors, and so on, for the container. |
| Content Theme/Theme |
From the list choose a jQuery mobile color theme for the container or selector. |
| Comments |
Enter comments about the container, selector, or selector properties. |
This table describes the unique fields and controls that appear on the Template Designer – Containers page:
|
Field or Control |
Definition |
|---|---|
| Template Name |
Displays the name of the template. |
| Container Class Name |
Enter the name of the container class. |
| Main Container |
Select the box to define the current container as the main template container. There can be only one main container per template. This control is disabled when defining and working with sub-templates. |
| View Container Summary |
Click the link to access the Container Summary page to view a text-based summary/description of the container. |
| Selector Name |
Enter the name of the selector. If you do not specify a name, the first selector defined defaults to the Class type selector using the class name, prefaced with a period (.). See “Selector Types” for information on selector types supported. |
| Class Element |
Select the box to define the selector as a Class element. By default the first selector defined for the main container defaults to a Class element type. |
| Declare Prop |
Declare a CSS3 property for a selector. |
| Declare Value |
Declare a value for a CSS3 selector property. |
| Add/Modify Blob |
Click the link to access the Selector Properties Blob page to define a block of CSS3 selector properties and values. |
| Element Type |
Select an element to include in the container |
| Class Name |
Enter a selector to apply to the element or use the Lookup button to search the database for a value. |