Table of Contents
List of Tables
Table of Contents

The Skyway Button defines a push button. Depending on how it's configured, a Skyway Button can be used in a variety of ways. The most common use the Skyway Button is to submit the user input on a form, in which case the button will be configured to submit . The Skyway button can also be used without a form, in which case the button can be configured to execute one or commands in response to a configured Event.
This section describes each of the panels.
Enter static text or choose a variable that contains the desired label content for your label.
![]() |
Table 2.1. Label - Define Label
| Details | Description | ||
|---|---|---|---|
| Label | Enter the static text to display as the button label or click the Select... button to invoke the variable picker and select a variable that contains the desired label content. Only valid variables from the current web conversation are enabled in the variable picker. The variables can be basic types (i.e. Text, Integer, Boolean) or basic attributes of a variable based on a data type. | ||
| Type | This is a read-only property that provides the user with a reminder of the variable type. For example when a user selects a variable of type Text, the variable "type" displays Text. | ||
| Format | If a variable is selected for the label text box, the applicable formatting options for the variable type selected is populated in the Format drop-down menu.Below are the formatting options of each applicable data type: boolean, date, decimal, text, large text, integer, time, date/time | ||
Table 2.2. Label - Format Options
| Type | Format Options | ||
|---|---|---|---|
| TEXT |
|
||
| INTEGER |
|
||
| BOOLEAN |
|
||
| DATETIME |
|
||
| LARGETEXT, ID |
|
||
This panel defines unique properties assigned to this web control.
![]() |
Table 2.3. Label - Properties
| Details | Description | ||
|---|---|---|---|
| ID | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Button Type | Select the button type. The
options are:
|
||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
| Image | If the button type is Image, then
this setting is used to select the image to use. The image
can be selected by
|
||
See Events
See Style
See Attributes
DIANA - please update this control, including images and tables, remove sections that don't apply

The Skyway Button defines a push button. Depending on how it's configured, a Skyway Button can be used in a variety of ways. The most common use the Skyway Button is to submit the user input on a form, in which case the button will be configured to submit . The Skyway button can also be used without a form, in which case the button can be configured to execute one or commands in response to a configured Event.
This section describes each of the panels.
Enter static text or choose a variable that contains the desired label content for your label.
![]() |
Table 2.4. Label - Define Label
| Details | Description | ||
|---|---|---|---|
| Label | Enter the static text to display as the button label or click the Select... button to invoke the variable picker and select a variable that contains the desired label content. Only valid variables from the current web conversation are enabled in the variable picker. The variables can be basic types (i.e. Text, Integer, Boolean) or basic attributes of a variable based on a data type. | ||
| Type | This is a read-only property that provides the user with a reminder of the variable type. For example when a user selects a variable of type Text, the variable "type" displays Text. | ||
| Format | If a variable is selected for the label text box, the applicable formatting options for the variable type selected is populated in the Format drop-down menu.Below are the formatting options of each applicable data type: boolean, date, decimal, text, large text, integer, time, date/time | ||
Table 2.5. Label - Format Options
| Type | Format Options | ||
|---|---|---|---|
| TEXT |
|
||
| INTEGER |
|
||
| BOOLEAN |
|
||
| DATETIME |
|
||
| LARGETEXT, ID |
|
||
This panel defines unique properties assigned to this web control.
![]() |
Table 2.6. Label - Properties
| Details | Description | ||
|---|---|---|---|
| ID | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Button Type | Select the button type. The
options are:
|
||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
| Image | If the button type is Image,
then this setting is used to select the image to use. The
image can be selected by
|
||
See Events
See Style
See Attributes

Checkboxes are used when you want the user to select one or more options of a limited number of choices. The Skyway Checkbox is bound to a single boolean variable. A checked Skyway Checkbox means that the boolean variable is set to "true". An unchecked Skyway Checkbox means that the boolean variable is set to "false".
This section describes each of the panels.
Enter or select the variable bound to the Skyway Checkbox.
![]() |
The following table describes the Select Variable Panel details:
Table 2.7. Checkbox - Variable
| Details | Description | ||
|---|---|---|---|
| Variable Path | The boolean variable that is bound to this checkbox. When this control is rendered, the checkbox will be enabled or disabled based on the value of this variable. So you can preset the checkbox to be checked or unchecked by presetting the bound variable accordingly. Any changes to the checkbox by the end-user will be assigned to the bound variable when the form is submitted. | ||
| Select... | Click this button to invoke a variable picker and select a variable. Only valid boolean variables from the current web conversation are enabled in the variable picker. | ||
Note: A * denotes a required parameter.
This panel defines unique properties assigned to this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.8. Checkbox - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
See Events
See Style
See Attributes
The Skyway Conditional Display web control allows you to display
or not display a section of a web page (conditional display area) based
on the results of an expression. If the expression evaluates to
true, the content in the conditional display area is
emitted, otherwise the content is omitted from the web page. The
conditional display area is anything that is included inside the
Condition Display tags
<skyway:conditionaldisplay></skyway:conditionaldisplay>.
It's important to note that using the Condition Display control doesn't merely hide or change visibility of the content embedded within the conditional display area, the content is completely omitted from the rendered web page.
This section describes each of the panels.
This panel defines unique properties assigned to this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.9. Conditional Display - Properties
| Details | Description | ||
|---|---|---|---|
| Show if | Enter a valid JSP EL expression directly into the text area or click the Edit Expression button to invoke the Edit Expression window. | ||
| Edit Expression | Click this button to invoke the Expression Editor window. Construct a valid JSP EL expression and include desired variables. Click the OK button to display the expression in the Show if text area. | ||
See Attributes

The Skyway Dropdown web control displays a drop-down list or listbox. It can display multiple static or variable (collection) values in listbox or drop-down format. This web control can be configured to give the user the option of selecting one or many of the dropdown values. At runtime, selection(s) are written to either a variable or a collection of variables
This section describes each of the panels.
Construct the drop down or list using static value of the content of a collection.
![]() |
The following table describes the Content Panel details:
Table 2.10. Drop-down - Content
| Details | Description | ||
|---|---|---|---|
| Static Options | The Static Options is for defining static label/value pairs at design-time. The end-user of the application will see the static label in the listbox/drop-down web contol. When a label is selected, the value associated with that label (as defined under static options) will be bound to the variable defined in the Result tab. To add new static label/value pair, click the Add button to enter a new label and value. Click Remove to delete a label/value entry. Click the Up and Down buttons to reorder these labels. | ||
| Dynamic Options - Source Collection | The Dynamic Options is for deriving the label/value pairs at runtime based on the contents of a source collection. For every object in the source collection, the end-user will see the label (specified in the label field) in the listbox/drop-down web control. When a label is selected, the value (specified in the value field) associated with corresponding object will be bound to the variable defined in the Result tab. Enter a collection in the text box or click the Select... button to invoke a variable picker and select a variable that stores the collection and field within the collection to display. | ||
| Label | The object attribute from the source collection that will be displayed in the listbox/dropdown at runtime. Enter a label in the text box or click the Select... button to invoke a variable picker and select a variable that stores the desired label. | ||
| Value | The object attribute from the source collection that will be assigned to the variable (defined in the Result tab) when the corresponding value is selected at runtime. Enter a value in the text box or click the Select... button to invoke a variable picker and select a variable that stores the desired value. | ||
Select the variable to hold the selection.
![]() |
The following table describes the Result Panel details:
Table 2.11. Drop-down - Result
| Details | Description | ||
|---|---|---|---|
| Variable Path |
The variable that will hold the value(s) corresponding to the label(s) selected by the end-user. When an enclosing form is submitted, this variable will be assigned the selected value(s. Enter the variable in the text box or click the Select... button to invoke a variable picker and select the desired variable. If you are defining a drop-down control or a single-select listbox (see Properties panel), then you must specify a basic scalar variable that corresponds to the value. For example, if you are assigning a text value, then you must specify a text variable. If you are assigning an integer value, then you must specify an integer variable. If you are definign a multi-select listbox (see Properties panel), then you must specify a basic scalar variable collection that corresponds to the value. For example, if you are assigning multiple text values, then you must specify a text collection variable. If you are assigning multiple integer values, then you must specify an integer collection variable. |
||
Note: A * denotes a required parameter.
This panel defines unique properties assigned to this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.12. Drop-down - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
| Type | Select whether this control
will be:
|
||
| Rows | If List is selected as the Type, enter the number of rows to be displayed. If the number of rows to display is less than the number of values in the list, the user will be able to scroll through the list. | ||
| Selections | Identify whether the user will be able to choose one or multiple values in the listbox. This field is not applicable to dropdowns. | ||
See Events
See Style
See Attributes
![]() |
The Skyway Form web control is where controls that accept user input are placed so that the input can be submitted to the server for processing. Examples of web controls that accept user input are Skyway Input Field, Skyway Checkbox, Skyway Dropdown and Skyway Text Area. These controls must be placed within the dashed form boundary after adding a Skyway Form control to a page within the HTML Editor
This section describes each of the panels.
This panel defines unique properties assigned to this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.13. Form - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Form Name | Enter a descriptive name for the form using alpha-numeric characters. | ||
See Events
See Style
See Attributes
The Skyway Hyperlink web control displays either a static or variable value, and the click event for a hyperlink can be used to assign values to variables and invoke web events. Additionally, it can be used to move the user to the next step in the web conversation without submitting other form fields
This section describes each of the panels.
This panel defines unique properties assigned to this web control
![]() |
The following table describes the Properties Panel details:
Table 2.14. Hyperlink - Properties
| Details | Description | ||
|---|---|---|---|
| URL | Click this radio button to make the hyperlink a URL. Enter the related information described below. | ||
| Link Text* | Enter the text to display in the hyperlink. | ||
| Media | Click this radio button to make this hyperlink media content. Enter the desired variables that store the media variable, content type, and file name. | ||
| Link To | Select the desired link destination by selecting one of the following options: File, URL Action Mapping, View Mapping, and Variable. | ||
| Link Text | Enter the link text as you want it to appear. | ||
| Target | Enter the Target that should receive the result of the link. Valid | ||
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
| Title | Enter a title for the hyperlink or click the Select... button to invoke a variable picker and select the variable that stores the desired title | ||
Note: A * denotes a required parameter.
See Events
See Style
See Attributes
The Skyway Image web control allows you to display a picture or image on a web page. This web control can display either a static value or a variable, and if required, the user has the ability to modify the appearance of the image. Additionally, Skyway Image controls can be configured to display based on the results of one or many true/false test conditions. If the conditions evaluate to "true", the image is displayed, otherwise the image is omitted from the web page
This section describes each of the panels.
This panel defines unique properties assigned to this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.15. Image - Properties
| Details | Description | ||
|---|---|---|---|
| Image | Click this radio button to make the hyperlink a URL. Enter the related information described below. | ||
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
Note: A * denotes a required parameter.
See Events
See Style
See Attributes
![]() |
The Skyway Input Field web control is a Skyway Form element that binds a variable to an Input Field on a web page. At runtime, if the Input Field variable has been initialized, the value of the variable is displayed in the Input Field. Additionally, when a form containing an Input Field is submitted at runtime, the user input is stored back to the bound variable.
This section describes each of the panels.
Bind a variable to this input field.
![]() |
The following table describes the Select Variable Panel details:
Table 2.16. Input Field - Select Variable
| Details | Description | ||
|---|---|---|---|
| Variable Path* | Enter a variable directly into the text box that will hold the control's value or click the Select... button to invoke a variable picker and select the desired variable. | ||
| Select... | Click this button to invoke a variable picker and select a variable that holds the control's value. | ||
| Type | The data type of the selected variable. | ||
| Format | Enter the format of the input field. | ||
Note: A * denotes a required parameter.
This panel defines unique properties assigned to this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.17. Input Field - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
| Char Width | Enter the desired width of the input field. | ||
| Max Chars | Enter the maximum characters allowed to be entered in the input field. | ||
| Type | Select the input type. Valid values are Text, Password, and Hidden. | ||
Note: A * denotes a required parameter.
See Events
See Style
See Attributes
The Skyway Iterator web control is used to iterate through the rows of a collection and repeat the enclosed web controls once for each row in the collection.
This section describes each of the panels.
Select a collection to iterator through.
![]() |
The following table describes the Properties Panel details:
Table 2.18. Iterator - Properties
| Details | Description | ||
|---|---|---|---|
| Collection | Using Content Assist, enter a collection to iterate over directly into the text box or click the Select... button to invoke a variable picker and select a variable that stores the collection to iterate through. | ||
| Iteration Variable | Name of the exported scoped variable for the current item of the iteration. | ||
| Metadata Variable | Name of the exported scoped variable for the for the iteration metadata. For example, if this variable is called metadata, you can access the iteration index using ${metadata.index}. | ||
Configure in-memory pagination settings.
The following table describes the Pagination Panel details:
Table 2.19. Iterator - Pagination
| Details | Description | ||
|---|---|---|---|
| Start Index (Offset) | Iteration begins at the item located at the specified index with the first item at index 0. If the items attribute is not specified,iteration begins with the index set at the value specified. | ||
| Page Size | How many records to display on a page. The End Index should be the Start Index plus Page Size. | ||
| End Index | Iteration ends at the item located at the specified index (inclusive). If a collection was not specified (e.g. no items attribute), iteration ends when the index reaches the value. | ||
| Increment | Increment size. For example, a value of 1 would display every record between start and end, a value of 2 would display every other record. | ||
See Attributes

The Skyway Label web control allows you to display the contents of a variable on a web page. The variable can be a top-level primitive variable or a field within a complex Data Type.
This section describes each of the panels.
This panel defines unique properties assigned to this web control. Bind a variable to this label.
![]() |
The following table describes the Properties Panel details:
Table 2.20. Label - Properties
| Details | Description | ||
|---|---|---|---|
| Variable Path* | Enter the static text to display as the button label or click the Select... button to invoke the variable picker and select a variable that contains the desired label content. Only valid variables from the current web conversation are enabled in the variable picker. | ||
| Type | Once a label variable is defined, the data type of the selected variable is displayed in the read-only Type field below the selected variable name. | ||
| Format | If a variable is selected for the label text box, the applicable formatting options for the variable type selected is populated in the Format drop-down menu. Depending on the variable type, the contents of a selected variable may be subject to a format mask. Each variable type has relevant formats defined. For example, if a Text variable type is selected, options for TRIM(xxx) and ESCAPE(xxx) formatting the text are available in the Format dropdown. | ||
Note: A * denotes a required parameter.
See Attributes
The Skyway Layer web control is an area of content; at runtime, it emits a DIV or SPAN tag, allowing a user to apply CSS styles to specific regions of the page, and/or to use these regions to dynamically change the display of a page. These layers can be loaded or hidden by actions.
This section describes each of the panels.
This panel defines unique properties assigned to this web control. Configure the properties for this element.
![]() |
The following table describes the Properties Panel details:
Table 2.21. Layer - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Display | Enter the display setting. Valid options are DIV or SPAN. | ||
| Link To | Using Content Assist, enter the desired component to link to. Alternatively, click the appropriate button to select the desired component. | ||
| File... | Click this button to select the desired .jsp page to link to. | ||
| URL Mapping... | Click this button to select the desired web controller to link to. | ||
| View Mapping... | Click this button to select the desired view mapping to link to. | ||
| Variable... | Click this button to select the desired variable to link to. | ||
See Events
See Style
See Attributes

Radio Buttons are used when you want the user to select one of a limited number of choices. The Skyway Radio Button is a Skyway Form element that displays multiple static or variable (collection) values as a set of radio buttons. The web control allows a single selection to be made from the set of options, and at runtime, the selection is written to a variable
This section describes each of the panels.
Enter or select the variable bound to the Skyway Radio Button button.
The following table describes the Variable Panel details:
Table 2.22. Radio Button - Variable
| Details | Description | ||
|---|---|---|---|
| Variable Path* | A variable whose value should be shown in the control, and updated when submitted to the server. Enter a variable in the text box or click the Select... button to invoke a variable picker and select a variable that contains the collection or data type to map the users selection into. | ||
Note: A * denotes a required parameter.
Configure additional properties for this web control.
![]() |
The following table describes the Properties Panel details:
Table 2.23. Radio Button - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
See Events
See Style
See Attributes

Similar to the Skyway Input Field web control, the Skyway Text Area control is a Skyway Form element that binds a variable to a multi-line Input Field on a web page. Unlike the Input Field, the Text Area control includes a scroll bar and is used to display larger sets of data. At runtime, if the text area variable has been initialized, the value of the variable is displayed in the web control. Additionally, when a form containing a text area is submitted at runtime, the user input is stored back to the bound variable.
This section describes each of the panels.
Select a variable to hold the control's value.
![]() |
The following table describes the Variable Panel details:
Table 2.24. Text Area - Variable
| Details | Description | ||
|---|---|---|---|
| Variable Path* | A variable whose value should be shown in the control, and updated when submitted to the server. Enter a variable in the text box or click the Select... button to invoke a variable picker and select a variable that contains the collection or data type to map the users selection into. | ||
Note: A * denotes a required parameter.
Configure additional properties for this text area.
![]() |
The following table describes the Properties Panel details:
Table 2.25. Text Area - Properties
| Details | Description | ||
|---|---|---|---|
| Id | This the ID for this web control, and it should be unique for the entire application. This ID will be emitted as the html id attribute for this web control. A default ID is automatically generated for the web control when it's added to a page, but it can be overriden by the developer. | ||
| Tab Index | The tab index defines the order that different fields in the form should be activated when the user clicks the tab button. This attribute specifies the position of the current element in the tabbing order. This value must be a number between 0 and 32767. | ||
| Columns | Enter the columns for this control. | ||
| Rows | Enter the rows for thsi control. | ||
See Events
See Style
See Attributes
Map file information to variables.
This section describes each of the panels.
Configure additional properties for this upload.
![]() |
The following table describes the Properties Panel details:
Table 2.26. Properties Panel
| Details | Description | ||
|---|---|---|---|
| Variable Path | Required: The conversation variable where the uploaded content will be stored. The variable type should be Large Data Storage or Picture. Enter the desired Variable Path or click the Select... button to invoke a variable picker and select a variable. | ||
| Content Type | Optional:
The conversation variable where the content type will be
stored. The content type is a value included in the header
to identify the content, and it consists of a type and
subtype (ie. text/plain,
image/gif, application/msword).
Enter the desired Variable Path or click the
Select... button to invoke a variable
picker and select a variable. |
||
| File Name | Optional: The conversation variable where the filename will be stored. If a variable is omitted, the filename will be discarded. Enter the desired Variable Path or click the Select... button to invoke a variable picker and select a variable. | ||
| File Size | Optional: The conversation variable where the file size will be stored. Enter the desired Variable Path or click the Select... button to invoke a variable picker and select a variable. | ||
See Attributes
Table of Contents
DESCRIPTION GOES HERE
Table 3.1. Skyway Events
| Event | Handle | Description | ||
|---|---|---|---|---|
| blur | onblur | Web control loses focus | ||
| change | onchange | Web control value has changed due to user action | ||
| click | onclick | Web control clicked | ||
| dbclick | ondbclick | Web control double-clicked | ||
| focus | onfocus | Web control receives focus | ||
| keydown | onkeydown | Keyboard key pressed in web control | ||
| keypress | onkeypress | Combination of keydown and keyuppressed in web control | ||
| keyup | onkeyup | Keyboard key released in web control | ||
| mousedown | onmousedown | Mouse button is pressed over a web control | ||
| mouseout | onmouseout | Mouse pointer is moved off a web control | ||
| mouseover | onmouseover | Mouse pointer is hovered over a web control | ||
| mouseup | onmouseup | Mouse button is released over a web control | ||
Table 3.2. Skyway Commands
| Command | Description | ||
|---|---|---|---|
| Change CSS Class |
applies or removes a CSS class to/from a page element |
||
| Change Style |
applies a style to a page element |
||
| Change Visibility |
show and/or hides a page element |
||
| Custom Script |
invokes a javascript |
||
| Load URL |
this command can load a full page or load content into a section of the current page |
||
| Move Element |
this command moves a page element to a coordinate on the page |
||
| Reload |
this command reloads the page or elements of a page |
||
| Set Variable | this command sets one or more conversation variables | ||
| Submit Form |
this command submits the specified form |
||
| Swap Image |
this command changes one image to another image |
||
| Toggle CSS Classes |
this command toggles css classes for an element |
||
| Toggle Visibility |
this command toggles visibility of an element |
||
The Change CSS Class command applies or removes a CSS class to/from one or more page elements. More than one element can be specified by separating them with commas, and more than one CSS class can be specified by separating them with commas. The styles must be defined separately in a style sheet or an inline style block on the page.
![]() |
The following table describes the Change CSS Class details:
Table 3.3. Change CSS Class
| Details | Description | ||
|---|---|---|---|
| Element(s) | Required: the element id(s) which to apply the command. Either type in the element id or select the desired page element from the pulldown menu. When specifying multiple elements, the element names should be comma separated. | ||
| Add Class(es) | Optional: Specify one or more CSS classes (comma separated) to be added to the element. | ||
| Remove Class(es) | Optional: Specify one or more CSS classes (comma separated) to be remove from the element. | ||
The Change Style command adds or removes css classes from one or more page elements.
![]() |
The following table describes the Change Style details:
Table 3.4. Change Style
| Details | Description | ||
|---|---|---|---|
| Element(s) | Required: the element id(s) which to apply the command. Either type in the element id or select the desired page element from the pulldown menu. When specifying multiple elements, the element names should be comma separated. | ||
| Style | Required: the desired style to be applied to the element. Either enter the style into the text area or click the Style Editor... button to configure the desired style settings. | ||
The Change Visibility command changes the visibility (on or off) of one or more page elements.
![]() |
The following table describes the Change Visibility details:
Table 3.5. Change Visibility
| Details | Description | ||
|---|---|---|---|
| Show Element(s) | Optional: the element id(s) whose visibility should be turned on. Either type in the element id or select the desired page element from the pulldown menu. When specifying multiple elements, the element names should be comma separated. | ||
| Hide Elements | Optional: the element id(s) whose visibility should be turned off. Either type in the element id or select the desired page element from the pulldown menu. When specifying multiple elements, the element names should be comma separated. | ||
The Custom Script command will execute a fragment of JavaScript.
![]() |
The following table describes the Custom Script details:
Table 3.6. Custom Script
| Details | Description | ||
|---|---|---|---|
| Custom Script | Required: Enter the desired script into the text area. The user should make sure he puts a semi-colon after any custom JavaScript entered (this is standard). This command is typically used to invoke javascript functions that are either embedded in the page or included in an external javascript library. | ||
The Load URL command is used to load a server generated resource into either a new page (Page), a section of the current page page (AJAX), or into a custom javascript handler.
![]() |
The following table describes the Load URL details:
Table 3.7. Load URL
| Details | Description | ||
|---|---|---|---|
| Link to | Required: the URL of the requested server resource. One option is to request a JSP page, either directly (File) or indirectly using a JSP alias (View Mapping). Another option is to specify a URL mapping (URL Action Mapping). The final option is to specify a conversation or project variable (Variable) that contains the URL to be loaded. | ||
| Type | Required: The manner in which the server resource should be loaded. The Page option will load the requested resource into the full page. The AJAX-XHR option will load the requested resource using XmlHttpRequest, which is typically used for AJAX. When using the AJAX-XHR option, you must specify the element (Element ID) to load the response into, the javascript callback handler (Callback Function), or disregard the response (None). | ||
| Target | Required: For
Page requests you must specify the target (i.e.
_self, _parent,
_blank, _top) that the response
should be loaded into. This property doesn't apply to
AJAX-XHR requests. |
||
| Asynchronous | Optional: For AJAX-XHR requests you must specify whether you want the request to be loaded synchronously or asynchronously. | ||
| XHR Target | Required: For AJAX-XHR requests you must specify how the response will be handled. If you want the response (typically html) to be loaded into an element of the current page, use the Element ID option and specify the element to load the content into. If you want want the response to be handled by a javascript callback funciton, specify the Callback Function. If you want the response to be disregarded, specify None. | ||
| XHR Error | Optional: If an error occurs in make the server request, you can specify a javascript function (Callback Function) for handling the error. | ||