Style Sheet Builder Input - Portlet Factory v6.1.2

Portlet Factory, Version 6.1.2

Style Sheet Builder Input

The Style Sheet builder takes the inputs described in this table.

Table 1. Style Sheet Builder Input
Input Name Description
Name Name for this builder call. The WebSphere Portlet Factory Designer displays this name in the builder call list.
Location Type Select a page location mechanism for the CSS information. You can choose:

Explicit page Location

To use IBM® WebSphere Portlet Factory's standard Page Location input to specify the page or pages on which this builder call will act.

In HEAD Tag

To place the CSS information within a HEAD tag of a specific page.

Page Available when the location type is In HEAD Tag.
Select a page in the model in which to embed the CSS information.
The CSS information will be applied to only this page.
Page Location Available when the location type is Explicit page location.
Choose a page and control at which the CSS will be placed.
CSS Source Type Select the way you want to access the CSS source code. You can choose:

Specify Explicitly as Builder Input

To manually enter valid CSS code into this builder.

Link to File/URL

To create a link to CSS code from a file or from a URL

Import from File/URL

To pull CSS code directly into the page from a file or a URL.
Note: This method is recommended for models that will be used as services in the Syndication Factory

CSS URL or File Location Available when CSS Source Type is Link to file/URL or Import from file/URL
Use the picker to select a file under the servable content root, or type in an external URL.
CSS Source Available when CSS Source Type is Specify Explicitly as Builder Input.
Use the text input area to enter valid CSS markup/code. The code you enter here will be used exactly as it appears.
Note: Use the picker widget to use an indirect reference as the source of the CSS code. This allows you to compute the style sheet code at execution time.
A typical CSS code entry might look as follows:
a:hover {font-family: verdana, helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#fff;padding-left:6px;}

Parent topic: Style Sheet builder

Library | Support |

Input Name	Description
Name	Name for this builder call. The WebSphere Portlet Factory Designer displays this name in the builder call list.
Location Type	Select a page location mechanism for the CSS information. You can choose: Explicit page Location To use IBM® WebSphere Portlet Factory's standard Page Location input to specify the page or pages on which this builder call will act. In HEAD Tag To place the CSS information within a HEAD tag of a specific page.
Page	Available when the location type is In HEAD Tag. Select a page in the model in which to embed the CSS information. The CSS information will be applied to only this page.
Page Location	Available when the location type is Explicit page location. Choose a page and control at which the CSS will be placed.
CSS Source Type	Select the way you want to access the CSS source code. You can choose: Specify Explicitly as Builder Input To manually enter valid CSS code into this builder. Link to File/URL To create a link to CSS code from a file or from a URL Import from File/URL To pull CSS code directly into the page from a file or a URL. Note: This method is recommended for models that will be used as services in the Syndication Factory
CSS URL or File Location	Available when CSS Source Type is Link to file/URL or Import from file/URL Use the picker to select a file under the servable content root, or type in an external URL.
CSS Source	Available when CSS Source Type is Specify Explicitly as Builder Input. Use the text input area to enter valid CSS markup/code. The code you enter here will be used exactly as it appears. Note: Use the picker widget to use an indirect reference as the source of the CSS code. This allows you to compute the style sheet code at execution time. A typical CSS code entry might look as follows: a:hover {font-family: verdana, helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#fff;padding-left:6px;}