Templates

Template Maintenance

Template Maintenance is used to view and modify the settings for a previously created template. A template defines the layout of a panel and how it will be presented to the Web browser. It controls the visual characteristics of the Web page such as size, font, colors and images.

When a new template is created and saved using the Template Designer Wizard, a directory is created for that template in the lib\_plus\inomads\templates directory. Depending on the settings used to create the template, the template directory can contain any or all of the following files:

File

Contents Description

template.conf

Template configuration settings

.tpl files

HTML segments

style.css file

Style sheet information used by the browser to define the presentation of the panel (i.e. font, color and background)

sysimage directory

Replacement system images (!xxx)

custom.conf and custom.ini

Custom settings

Template Maintenance is invoked by using any of the following methods:

Location

Method

From the PxPlus IDE Main Launcher

Expand the Web Deployment category and select iNomads Setup to invoke the iNomads Setup window.

From the Template drop box, select a template with custom settings previously defined (i.e. the template-specific directory contains the custom.ini file). Then, click the Custom button located below the Options button.

From a Web browser

Launch iNomads from a Web browser.

From the iNomads Application Launchpad window, invoke the iNomads Setup window by either clicking the Admin button or selecting admin from the Transaction drop box.

From the Template drop box, select a template with custom settings previously defined (i.e. the template-specific directory contains the custom.ini file). Then, click the Custom button located below the Options button.

From the PxPlus Command prompt

Invoke the iNomads Setup window by entering the following command:

     RUN "*plus/inomads/admin"

From the Template drop box, select a template with custom settings previously defined (i.e. the template-specific directory contains the custom.ini file). Then, click the Custom button located below the Options button.

Template Maintenance is launched for the selected template, allowing you to view and modify any of the settings as needed.

This window consists of the following:

Template

Name of the selected template. The name is for viewing only.

Page

Page Background

Settings for defining the page background color or image.

Background Color

Specify the color to use for the background. See Color Specification for information on applying a color. When a color is selected/entered, a preview of that color is displayed.

Background Image

Select the image to display for the background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Repeat

(Available only when an Image has been selected)

Displays the following selections for duplicating the image:

repeat

Duplicates the image (Default)

no-repeat

Does not duplicate the image

repeat-x

Duplicates the image horizontally in conjunction with the selected Position

repeat-y

Duplicates the image vertically in conjunction with the selected Position

Position

(Available only when an Image has been selected)

Displays the following selections for positioning the image: left top (Default), left center, left bottom, right top, right center, right bottom, center top, center center, center bottom, full screen.

Sections

Click or select the section you wish to edit

Displays a diagram of the layout that was selected when the template was initially created. To view or modify the settings for a particular section, click on that section inside the diagram or use the adjacent Section spinner control. By default, the first section is highlighted.

You can also add new sections to the template layout using the grid on the Advanced Layout tab. See Advanced Layout.

Section

Indicates the number of the template section currently highlighted. To change to a different section, use the up/down arrows attached to this field or manually enter the number. You can also click on the desired section inside the diagram shown on the left.

Note:
Some sections may be too small to display in the diagram, and you will not be able to click on it to select it. In that case, use the Section field to enter the section number.

Background/Size

Color

Specify the color to use for the section background. See Color Specification for information on applying a color. When a color is selected/entered, a preview of that color is displayed.

Image

Select the image to display for the section background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Image Repeat

(Available only when a Background Image has been selected)

Selections for duplicating the image are:

repeat

Duplicates the image (Default)

no-repeat

Does not duplicate the image

repeat-x

Duplicates the image horizontally in conjunction with the selected Position

repeat-y

Duplicates the image vertically in conjunction with the selected Position

Position

(Available only when a Background Image has been selected)

Selections for positioning the image are: left top (Default), left center, left bottom, right top, right center, right bottom, center top, center center, center bottom, full screen.

Width/Height

Enter a Width/Height for the section (in pixels). If the width/height of the section increases as the panel is resized, leave the Width/Height blank.

Fixed Attributes (Use Advanced Layout to Change)

The settings in this section are view only. To modify them, select the Advanced Layout tab (see details below).

Columns Wide

Width of the section, which is measured by the number of columns over which it extends horizontally.

Rows High

Height of the section, which is measured by the number or rows over which it extends vertically.

Last Column on Row

Check box that indicates whether the section is in the last column at the end of the current row.

Last Row in Table

Check box that indicates whether the section is in the last row of the table.

Includes Panel

Check box that indicates whether the section contains a panel.

Section Contents

You can optionally include additional contents such as Text, Images, Menus and Other parameters in the currently selected section. See Section Contents.

Menus

Menu Name

Enter a name for the new menu definition. To view or modify the settings for a previously saved menu definition, select the name from the drop box or manually enter the name.

You can also create multiple menu definitions for the same template. To do this, highlight the existing menu name and type a new name. If the new menu name does not exist, a message asks if you wish to reset the current menu values and offers three possible responses: Yes, No, Contents Only:

Yes

All options are reset back to their default values to allow new settings to be entered for the new menu definition.

No

All previous settings, including menu contents, are retained and reused for the new menu definition. Edit the settings and menu contents as needed.

Contents Only

(Default) All previous settings, except menu contents, are retained and reused for the new menu definition. Edit the settings and enter new menu contents as needed.

Save the new menu definition either by clicking OK (closes Template Maintenance) or by clicking Apply (leaves Template Maintenance open with the current record displayed).

Note:
When creating a new menu definition, a menu name is required to enable the other menu options for entry.

Menu Generation Program

Name of the program file to use for generating the menu. Click the Program browse button to specify the program file or enter the program pathname. See Menu Generation Program.

(Added in PxPlus 2016)

Layout

Type

Indicates whether the menu layout is vertical or horizontal:

vertical

Positions the menu options one above the other (Default)

horizontal

Positions the menu options one beside the other on the same line

Wide

Width of the menu options area (in pixels). This setting is ignored when horizontal is selected for the Type.

High

Height of the menu (in pixels).

Border

Color

Menu border color. See Color Specification for information on applying a color.

Corner Radius

(Available only when a Border Color has been specified)

Enter a value for the rounded corner radius or use the spinner controls to specify a value. A blank or low value (i.e. <10) produces squared menu corners. A higher value (10 - 30) produces progressively rounded menu corners. Maximum value is 99.

Shadow

Shadow style for the menu. Selections are none (Default), bottom right, bottom left, top right, top left, full, bottom, top, left, right.

Contents

Font

Font for the menu text.

Size

Font size for the menu text (in pixels).

Line Color

Color for the line (vertical or horizontal) separating the menu options. See Color Specification for information on applying a color.

Normal Display

Background Color

Specify a color for the menu background. See Color Specification for information on applying a color.

Text Color

Specify a color for the menu text. See Color Specification for information on applying a color.

Bold

Select this check box to bold the menu text.

Underscore

Select this check box to underline the menu text.

Mouse Over Display

Background Color

Specify a color for the background only when the mouse pointer is positioned over individual menu options. See Color Specification for information on applying a color.

Text Color

Specify a color for the menu text only when the mouse pointer is positioned over individual menu options. See Color Specification for information on applying a color.

Bold

Select this check box to bold the menu text only when the mouse pointer is positioned over individual menu options.

Underscore

Select this check box to underline the menu text only when the mouse pointer is positioned over individual menu options.

Background Image

Image

Select the image to display for the menu background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Mouse Over Image

Select the image to display when the mouse pointer is positioned over the menu. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Repeat

(Available only when an image has been selected for the menu background Image (see above))

Selections for duplicating the image are:

repeat

Duplicates the image (Default)

no-repeat

Does not duplicate the image

repeat-x

Duplicates the image horizontally in conjunction with the selected Position

repeat-y

Duplicates the image vertically in conjunction with the selected Position

Position

(Available only when an image has been selected for the menu background Image (see above))

Selections for positioning the image are: left top (Default), left center, left bottom, right top, right center, right bottom, center top, center center, center bottom, full screen.

Menu Content

This section is used to define the contents for the menu. If a Menu Generation Program is entered, the Menu Contents grid is not available for entry.

For each option that you want to include in the menu, a separate grid row must be entered with the following details:

Menu text

Enter the text for the menu option that will be visible to the user.

Transaction or URL

If the menu launches a different iNomads transaction, enter the Transaction code. If the menu spawns a sub-menu, enter the sub-menu name in the format menu:name (where name is the sub-menu name). If the menu launches a Web page, enter the URL address preceded with http://.

Note:
Both the Menu text and Transaction/URL components are needed; however, you may not always know the Transaction/URL when creating the menu. In that case, you can save the menu definition with only the Menu text entered and then complete the Transaction/URL details later using the Menus tab in Template Maintenance.

Use the Delete and Move Up/Move Down buttons beside the list box to remove a menu option or rearrange the order of the options within the menu.

To view or change the content for a different menu, select a menu from the Menu Name drop box. Selecting a different menu (or a different folder tab) automatically saves any changes to the current menu definition. You can also click the Apply button to save changes.

Panel Header

Panel Header

Background Color

Specify a color for the panel header background. See Color Specification for information on applying a color.

Background Image

Select the image to display for the panel header background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Note:
The selected image will be repeated horizontally.

Suppress Header Text

Select this check box to hide the panel header text. When selected, the other panel header text options, Text Color, Text Font and Font Size, are disabled.

Text Color

(Available if the Suppress Header Text check box is not selected)

Specify a color for the panel header text. See Color Specification for information on applying a color.

Text Font

(Available if the Suppress Header Text check box is not selected)

Enter a font for the panel header text.

Font Size

(Available if the Suppress Header Text check box is not selected)

Enter a font size for the panel header text.

Panel Border

Color

Specify a color for the panel border. See Color Specification for information on applying a color.

Style

Select a style for the panel border. Selections are standard (default), none, solid, dotted, dashed, double, groove, ridge, inset, outset.

Width

Enter the width for the panel border (in pixels).

Corner Radius

Enter a value for the rounded corner radius. A blank or low value (i.e. <10) produces squared panel corners. A higher value (10 - 30) produces progressively rounded panel corners. Maximum value is 99.

Shadow

Select this check box to create a shadow effect behind the panel.

Panel Body

Panel Background

Background Color

Specify a color for the panel header background. See Color Specification for information on applying a color.

Background Image

Select the image to display for the panel background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Repeat

(Available only when a Background Image has been selected for the panel background)

Selections for duplicating the image are:

repeat

Duplicates the image (Default)

no-repeat

Does not duplicate the image

repeat-x

Duplicates the image horizontally in conjunction with the selected Position

repeat-y

Duplicates the image vertically in conjunction with the selected Position

Position

(Available only when a Background Image has been selected for the panel background)

Selections for positioning the image are: left top (Default), left center, left bottom, right top, right center, right bottom, center top, center center, center bottom, full screen.

Panel Text

Text Color

Specify a color for the panel text. See Color Specification for information on applying a color.

Text Font

Enter a font for the panel text.

Font Size

Enter a font size for the panel text.

Frames

Frame Header and Body

Header Background Color

Specify a color for the frame header background. See Color Specification for information on applying a color.

Header Background Image

Select the image to display for the frame header background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Body Background Color

Specify a color for the frame background. See Color Specification for information on applying a color.

Frame Border

Color

Specify a color for the frame border. See Color Specification for information on applying a color.

Style

Select a style for the frame border. Selections are rounded (default), square, none.

Frame Text

Text Color

Specify a color for the frame header text. See Color Specification for information on applying a color.

Text Font

Enter a font for the frame header text.

Text Size

Enter a font size for the frame header text.

Folders

Folder Background

Background Color

Specify a color for the folder background (excluding the tabs). See Color Specification for information on applying a color. If no folder Background Color is defined, the folder background will be the color defined for the Active Tab Background.

Folder Border

Color

Specify a color for the folder border. See Color Specification for information on applying a color.

Style

Select a border style to apply around the folder and the tabs. Selections are standard (Default), none, solid.

Note:
The folder border Color applies only when a folder Background Color or an Active Tab Background for the folder tabs has been specified.

Folder Tab Colors

Active Tab Background

Specify a color for the background of the active tab. See Color Specification for information on applying a color.

Active Tab Text

Specify a color for the text of the active tab. See Color Specification for information on applying a color.

Inactive Tab Background

Specify a color for the background of the inactive tab. See Color Specification for information on applying a color.

Note:
If a folder border Color has been specified in addition to an Inactive Tab Background for the folder tabs, the folder border Color will only be applied to the border of the inactive tab, not the entire folder.

Inactive Tab Text

Specify a color for the text of the inactive tab. See Color Specification for information on applying a color.

Disabled Tab Background

Specify a color for the background of the disabled tab. See Color Specification for information on applying a color.

Advanced Layout

Define layout for each section and optional fixed contents

Displays a grid with the settings that were entered for each section of the layout when the template was created. Each grid row represents a numbered section (identified by the SectID column). Each grid column heading represents the name of an option, similar to those on the Sections tab.

Use this grid to refine and adjust the appearance of the template. This is done by modifying the settings for the numbered section(s) you want to adjust and then clicking the Apply button. To add a new section, enter the applicable settings in a blank grid row and then click the Apply button. You can use the Move Up/Move Down buttons to the right of the grid to rearrange the order of the sections. However, keep in mind that other sections of the template layout may be impacted, and the settings for those sections may need to be adjusted.

To view the template with these changes on a Web browser, click the Test button.

Important Note:
Care should be taken when changing the settings for the Cols, Rows, Panel, EndRow and EndTbl columns, as these options impact the appearance of the template layout. Changes to the template layout after section options have already been defined will result in section options being lost.

See Advanced Layout Examples.

SectID

Number that identifies each section of the template layout.

Cols

Width of the section, which is measured by the number of columns over which it extends horizontally.

Rows

Height of the section, which is measured by the number or rows over which it extends vertically.

Panel

Check box that indicates whether the section contains a panel.

EndRow

Check box that indicates whether the section is in the last column at the end of the current row.

EndTbl

Check box that indicates whether the section is in the last row of the table.

Wide

Width of the section (in pixels). To change the width of a section, click on this cell for the SectID row that you want to change, enter the new value and click the Apply button. The new value is automatically reflected in the Sections tab.

Hi

Height of the section (in pixels). To change the height of a section, click on this cell for the SectID row that you want to change, enter the new value and click the Apply button. The new value is automatically reflected in the Sections tab.

BackColor

Background color for the section. See Color Specification for information on applying a color.

BackImage

Background image for the section. Click the Image browse button inside this cell to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Repeat

(Available only when a BackImage has been selected)

Selections for duplicating the image are:

repeat

Duplicates the image (Default)

no-repeat

Does not duplicate the image

repeat-x

Duplicates the image horizontally in conjunction with the selected Position

repeat-y

Duplicates the image vertically in conjunction with the selected Position

Position

(Available only when a BackImage has been selected)

Selections for positioning the image are: left top (Default), left center, left bottom, right top, right center, right bottom, center top, center center, center bottom, full screen.

Section Contents

Displays any additional contents such as Text, Images, Menus and Other parameters that were included in the selected section of the template layout. See Section Contents.

Advanced Menus

Define layout and options for system generated menus

The first grid displays the settings for each menu defined for the selected section. If more than one menu has been defined for the same section, all of menu names will be listed. Each row represents a different menu definition, and each column heading represents the name of an option, similar to those on the Menus tab. The second grid displays the menu contents for the menu definition selected in the first grid.

After a template has been created, you can access the Advanced Menus tab to refine and adjust the menu definition by changing the desired settings and then clicking the Apply button. To view the template with these changes on a Web browser, click the Test button.

See Menu Generation Program.

Name

Enter a name for the new menu definition or select an existing menu name from the drop box.

Type

Select either a vertical or horizontal menu layout:

vertical

Positions the menu options one above the other (Default)

horizontal

Positions the menu options one beside the other on the same line

Text font

Enter a font for the menu text.

Font Sz

Enter a font size for the menu text (in pixels).

Text Color

Color for the menu text. See Color Specification for information on applying a color.

Bold

Select this check box to bold the menu text.

U/L

Select this check box to underline the menu text.

Width

Enter a width for the menu options area. This setting is ignored when horizontal is selected for the menu layout Type.

Height

Enter a height for the menu options area. (Applies to either horizontal or vertical menu layout Type.)

Shadow

Select a shadow style for the menu. Selections are none (default), bottom right, bottom left, top right, top left, full, bottom, top, left, right.

Border Clr

Color for the menu border. See Color Specification for information on applying a color.

Corner Rad

(Available only when a Border Color has been specified)

Enter a value for the rounded corner radius or use the spinner controls to specify a value. A blank or low value (i.e. <10) produces squared menu corners. A higher value (10 - 30) produces progressively rounded menu corners. Maximum value is 99.

Sep Color

Color for the line (vertical or horizontal) separating the menu options. See Color Specification for information on applying a color.

Back Clr

Color for the menu background. See Color Specification for information on applying a color.

Back Image

Image to display for the menu background. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Repeat

(Available only when an image has been selected for the menu background Image (see above))

Selections for duplicating the image are:

repeat

Duplicates the image (Default)

no-repeat

Does not duplicate the image

repeat-x

Duplicates the image horizontally in conjunction with the selected Position

repeat-y

Duplicates the image vertically in conjunction with the selected Position

Position

(Available only when an image has been selected for the menu background Image (see above))

Selections for positioning the image are: left top (Default), left center, left bottom, right top, right center, right bottom, center top, center center, center bottom, full screen.

Menu Generation Program

Pathname of the program file to use for generating the menu. See Menu Generation Program. (added in PxPlus 2016)

Note:
For the following options, * indicates style with mouse over.

*Bold

Select this check box to bold the menu text only when the mouse pointer is positioned over individual menu options.

*U/L

Select this check box to underline the menu text only when the mouse pointer is positioned over individual menu options.

*Text Color

Color for the menu text only when the mouse pointer is positioned over individual menu options. See Color Specification for information on applying a color.

*Back Clr

Color for the background only when the mouse pointer is positioned over individual menu options. See Color Specification for information on applying a color.

*Back Image

Image to display when the mouse pointer is positioned over the menu. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Menu Contents

This section is used to define the contents for the menu. If a Menu Generation Program is entered, the Menu Contents grid is not available for entry.

For each option that you want to include in the menu, a separate grid row must be entered with the following details:

Menu text

Enter the text for the menu option that will be visible to the user.

Transaction or URL

If the menu launches a different iNomads transaction, enter the Transaction code. If the menu spawns a sub-menu, enter the sub-menu name in the format menu:name (where name is the sub-menu name). If the menu launches a Web page, enter the URL address preceded with http://.

Note:
Both the Menu text and Transaction/URL components are needed; however, you may not always know the Transaction/URL when creating the menu. In that case, you can save the menu definition with only the Menu text entered and then complete the Transaction/URL details later using the Menus tab in Template Maintenance.

Use the Delete and Move Up/Move Down buttons beside the list box to remove a menu option or rearrange the order of the options within the menu.

To view or change the content for a different menu, select a menu Name in the upper grid. Selecting a different menu (or a different folder tab) automatically saves any changes to the current menu contents. You can also click the Apply button to save changes.

 

Test

Displays the selected template on a Web browser in "test" mode with the current settings in Template Maintenance applied. This allows you to preview the template and make any further adjustments if needed. (added in PxPlus 2016)

Changing any of the template settings disables the Test button only until the Apply button is selected. This ensures that you are testing the template with the most recent changes applied.

Note:
This "test" functionality is not available when running WindX.

Edit "custom.conf"

This button is displayed only when a custom.conf file with custom options defined for the selected template exists in that template's sub-directory (within the inomads/templates directory). Selecting this button invokes Configuration Maintenance that displays the template's custom settings.

OK

Saves any changes and closes Template Maintenance.

Close

Closes Template Maintenance. A confirm-save message displays if you have changed any of the data but did not select the Apply button prior to closing.

Apply

This button is available only when any of the template settings is changed. Selecting this button applies the changes to the selected template. Template Maintenance remains open to allow you to Test the template and make further adjustments if needed.

Advanced Layout Examples

The first grid in the Advanced Layout tab displays the settings entered for each section of the layout when the template was created. The settings for the Cols, Rows, Panel, EndRow and EndTbl columns are based on the template layout selected, and changing these settings impacts the appearance of the template layout. To illustrate this, refer to the example below.

Example:

This example demonstrates how changing a setting for one section of a template can impact the other sections and affect the overall appearance of the template layout.

1.

A template is created using the following layout and settings:

 

 

 

2.

The Wide setting for SectID 3 is manually changed from 150 to 600:

 

 

 

3.

For this layout, changing the Wide setting not only impacts Section 3 but also impacts Section 7 because both sections are in the same column. At the same time, the width of Sections 1, 2, 5 and 6 are impacted to accommodate this change.

 

To further explain the advanced layout settings, refer to the template layout examples below.

Note:
A panel is a display window consisting of panel controls, which are the graphical components that allow users to interact with an application. For information on creating a panel and panel controls, see NOMADS Panel Designer.

 

Template Layout

Advanced Layout Tab Settings

This template is made up of 2 sections:

Section 1:

This section is 1 column wide and 1 row high. Although it extends horizontally across the full width of the table, it takes up 1 column, as does the section below it. EndRow is selected because this section ends the current row.

Section 2:

This section is 1 column wide and 1 row high. Like Section 1, it extends horizontally across the full width of the table. It contains a panel. EndTbl is selected because this is the last section of the table.

This template is made up of 3 sections:

Section 1:

This section is 2 columns wide and 1 row high. At first glance, Section 1 of this layout looks similar to Section 1 in the previous layout, but the Cols setting is different. Although this section is not visibly broken into 2 separate columns, its width extends horizontally across the full width of the 2 sections below it, which together take up 2 columns. EndRow is selected because this section ends the current row.

Section 2:

This section is 1 column wide and 1 row high. This section is at the beginning of the row; therefore, EndRow is not selected.

Section 3:

This section is 1 column wide and 1 row high. It contains a panel. EndTbl is selected because this is the last section of the table.

This template is made up of 4 sections:

Section 1:

This section is 3 columns wide and 1 row high. Although Section 1 of this layout looks similar to Section 1 of the previous two layouts, the Cols setting is again different. This section is not visibly broken into 3 separate columns, but its width extends horizontally across the full width of the 3 sections below it, which together take up 3 columns. EndRow is selected because this section ends the current row.

Section 2:

This section is 1 column wide and 1 row high. This section is at the beginning of the row; therefore, EndRow is not selected.

Section 3:

This section is 1 column wide and 1 row high. It contains a panel. This section is in the middle of the row; therefore, EndRow is not selected.

Section 4:

This section is 1 column wide and 1 row high. EndTbl is selected because this is the last section of the table.

This template is made up of 4 sections:

Section 1:

This section is 2 columns wide and 1 row high. As explained earlier, this section is not visibly broken into 2 separate columns, but its width extends horizontally across the full width of the 2 sections below it, which together take up 2 columns. EndRow is selected because this section ends the current row.

Section 2:

This section is 1 column wide and 1 row high. This section is at the beginning of the row; therefore, EndRow is not selected.

Section 3:

This section is 1 column wide and 1 row high. It contains a panel. EndRow is selected because this section ends the current row.

Section 4:

This section is 2 columns wide and 1 row high. Similar to Section 1, its width extends horizontally across the full width of the 2 sections above it, which together take up 2 columns. EndTbl is selected because this is the last section of the table.

This template is made up of 4 sections:

Section 1:

This section is 1 column wide and 2 rows high. Although this section is not visibly broken into 2 separate rows, its height extends vertically to include the height of the 2 sections beside it, which together take up 2 rows. This section is at the beginning of the row; therefore, EndRow is not selected.

Section 2:

This section is 1 column wide and 1 row high. This section is in the middle of the row; therefore, EndRow is not selected.

Section 3:

This section is 1 column wide and 2 rows high, similar to Section 1. EndRow is selected because this section ends the current row.

Section 4:

This section is 1 column wide and 1 row high. Although the height of this section differs from Section 2, it is still considered a single row. It contains a panel. EndTbl is selected because this is the last section of the table.

This template is made up of 7 sections:

Section 1:

This section is 1 column wide and 1 row high. This section is at the beginning of the row; therefore, EndRow is not selected.

Section 2:

This section is 1 column wide and 1 row high. This section is in the middle of the row; therefore, EndRow is not selected.

Section 3:

This section is 1 column wide and 1 row high. EndRow is selected because this section ends the current row.

Section 4:

This section is 3 columns wide and 1 row high. It contains a panel. EndRow is selected because this section ends the current row.

Section 5:

This section is 1 column wide and 1 row high. This section is at the beginning of the row; therefore, EndRow is not selected.

Section 6:

This section is 1 column wide and 1 row high. This section is in the middle of the row; therefore, EndRow is not selected.

Section 7:

This section is 1 column wide and 1 row high. EndTbl is selected because this is the last section of the table.

Section Contents

Section Contents allows you to optionally include additional contents such as Text, Images, Menus and Other parameters in the selected section of the template layout. To do this, click the Add Section Contents button beside the list box. From the popup menu, select the type of contents you are adding. When you have made your selection, a separate window with options pertaining to your selection will display. After saving the section contents, you can use the Delete, Edit and Move Up/Down buttons to the right of the Section Contents list box to remove, modify or rearrange the order of these additions.

The options for adding Text, Images, Menus and Other parameters are described below.

Text

Section Contents - Text Template

Text

Enter the text to add to the current section.

Font

Enter a font for the text.

Color

Specify a color for the text. See Color Specification for information on applying a color.

URL

Enter a URL if the text will be a hyperlink. If the text launches a Web page, enter the URL address preceded with http://.

Vertical Position

Enter a vertical position for the text. Selections are Top (default), Middle, Bottom.

Vertical Adjustment

Enter a value (in pixels) to adjust the vertical position of the text, if necessary.

Horizontal Position

Enter a horizontal position for the text. Selections are Left (default), Center, Right.

Horizontal Adjustment

Enter a value (in pixels) to adjust the horizontal position of the text, if necessary.

Image

Section Contents - Image Template

Image

Select the image to add to the current section. Click the Image browse button to select an image. If the image selected is not located under the *plus/inomads directory, you are asked if you want to copy the image file to an Images directory that will be created for that template under *plus\inomads\templates. It is a good idea to keep a copy of the image file in the template's directory so that it can be easily located and displayed when the template is applied.

Width

Enter a width for the image (in pixels). The image will be scaled to the specified height and width.

Height

Enter a height for the image (in pixels). The image will be scaled to the specified height and width.

URL

Enter a URL if the image will be a hyperlink. If the image launches a Web page, enter the URL address preceded with http://.

Vertical Position

Enter a vertical position for the image. Selections are Top (default), Middle, Bottom.

Vertical Adjustment

Enter a value (in pixels) to adjust the vertical position of the image, if necessary.

Horizontal Position

Enter a horizontal position for the image. Selections are Left (default), Center, Right.

Horizontal Adjustment

Enter a value (in pixels) to adjust the horizontal position of the image, if necessary.

Menu

Section Contents - Menu Template

Menu Name

Enter a name for the menu. To define menu content and display settings, see the Menus tab.

Define Menu

Click this button to invoke the Define Menus window for defining a new menu for the current section.

Width

Enter a width for the menu (in pixels).

Height

Enter a height for the menu (in pixels).

Vertical Position

Enter a vertical position for the menu. Selections are Top (default), Middle, Bottom.

Vertical Adjustment

Enter a value (in pixels) to adjust the vertical position of the menu, if necessary.

Horizontal Position

Enter a horizontal position for the menu. Selections are Left (default), Center, Right.

Horizontal Adjustment

Enter a value (in pixels) to adjust the horizontal position of the menu, if necessary.

Other

Section Contents - Other Template

Parameter 1 - Parameter 8

Define the parameters to be passed to the user-defined Template Definition files (similar to text.tpl, image.tpl or menu.tpl).