Working with Components
3. On the Insertion view, click Add ( ) to add the number of items you want to insert with each selection
4.2.4.3 Selector appearance properties
Layout tab
Use the following table as a guide for setting the Appearance properties for selector layout. Some options are only available for certain types of selectors.
Description Option
For selectors with images, this property specifies how images are sized to fit the thumbnail area. Select one of the following options:
• Scale: images are resized, but they retain their aspect ratio and may not completely fill the available space.
• Stretch: images are resized and may be stretched horizontally or vertically to fit within the thumbnail space exactly.
Sizing Method
For selectors with images, this property specifies the width of the thumbnail area in pixels.
Width
For selectors with images, this property specifies the height of the thumbnail area in pixels.
Height
For selectors with images, this property specifies the horizontal spacing between thumbnail images in pixels.
Horizontal Margin
For selectors with images, this property specifies the vertical spacing between the thumbnail images and the area border in pixels.
Vertical Margin
Description Option
This property specifies the number of labels available in a selector list or menu. If more labels are defined for the component, users can scroll down to see the additional labels. You can display between 2 and 50 labels.
Number of Labels Dis-played
For a filter selector, this property specifies the amount of space between each list.
Filter Gap
This property specifies the size of a radio button. Select a size between 1 and 300.
Marker Size
This property specifies the size of the margins at the left and right edges of a radio button.
Horizontal Margin
This property specifies the vertical distance between radio buttons.
Vertical Margin
This property specifies whether the background behind radio buttons is visible. If selected, you can set the transparency level for the background.
Enable Background
For a label based menu, this property specifies the amount of space between tabs.
Button Separation
Description Option
These options specify which elements are displayed for play selectors.
Select the appropriate checkbox to display the following elements:
Description Option
Displays a background behind the controls.
Show Background
Displays a progress slider.
Show Progress Indi-cator
Displays fast forward and rewind buttons.
Show Rew/Fwd
Displays previous and next buttons. These but-tons let users cycle through the values one by one.
Show Prev/Next Auto Replay
This property specifies whether objects behind the component are visible.
A transparency of 0 means that users cannot see objects behind the component. A transparency of 100 means that the component is com-pletely transparent and invisible to users.
Note:
For components with drop down lists, such as the combo box, this pa-rameter is called List Transparency, and applies only to the list portion of the component.
Transparency
For a ticker component, this option specifies whether the background behind the labels is visible.
Show Ticker Background
For a push button component, this option specifies whether the back-ground behind the button label is visible. If selected, you can also set the transparency level by moving the slider to the right for more trans-parency and to the left for less transtrans-parency.
Show Button Back-ground
For a hierarchical table component, this option specifies the horizontal indentation of each hierarchical sub-level relative to its parent. The size is in pixels.
Hierarchy Level Indenta-tion
For a hierarchical table component, this option specifies the style of the icons that expand or collapse each hierarchical level. The available choices are Arrows and Plus/Minus icons.
Expand / Collapse Icons
Description Option
This parameter specifies whether gridlines are visible in a table compo-nent. For most tables, you can choose to select Show Vertical Gridlines and Show Horizontal Gridlines.
If selected, you can click the Color Selector icon under the Color tab to specify the line color.
Show Gridlines
Text tab
Use the following table as a guide for setting the Appearance properties for selector text. In the Show column, select the checkbox for each text item you want to display on the selector. Then, select the text item and format the text appearance. For more information about formatting text, seeFormatting text for component elements.
The available properties vary depending on the type of selector.
Note:
The Text tab is not available for spreadsheet table and play selector components.
Description Option
The main title for the component.
Title
The labels on the component elements.
Labels
For list builder components, select this option to display a title above the Source list.
Source List Title
For list builder components, click this option to format labels for items in the Source list. The labels cannot be disabled.
Source List Labels
For list builder components, select this option to display a title above the Destination list.
Destination List Ti-tles
For list builder components, click this option to format labels for items in the Destination list. The labels cannot be disabled.
Destination List La-bels
For list builder components, click this option to format labels on the buttons that move items from one list to the other. The labels cannot be disabled.
Button Labels
For ticker components, this option displays the data value for each item.
Display Values
Description Option
A header row for a table component.
Header
For icon components, select this option to display the component label in a tooltip when the user moves the mouse pointer over the icon.
Mouse Over Label
For icon components, select this option to show the display value in a tooltip when the user moves the mouse pointer over the icon.
Mouse Over Value
For accordion menus, click this option to format the category names. This option cannot be deselected.
Category Names
For hierarchical tables, select this option to display the data in all columns.
To display or hide the text for individual columns, you can click the arrow icon to expand the Data list and select or deselect the checkboxes for the columns.
Data
The settings in this area allow you to format the text for the selected text element.
Note:
If a global font is set for the document, you cannot change the font type. For more information about global fonts, seeTo set global font options.
Format Selected Text
Sets the position of a text element relative to its component.
Position
Adjusts the position of a text element by offsetting it relative to their set po-sition.
Offset
Sets the number format for numerical text elements.
Number Format
Color tab
Use the following table as a guide for setting the Appearance properties on the Color tab for selectors.
For more information about using the "Color" dialog box to set component colors, seeSetting colors for component elements.
For many items, you can set three different colors:
• Default Color: applied when the item is not active.
• Over Color: applied when the mouse pointer is over the item.
• Selected Color: applied when the item is selected.
Note:
If alerts are enabled for an Icon component, the Color option is disabled.
Description Option
The color of the border around a table component.
Border Color
The color of the background area behind component elements.
Background Col-or
The text color on the category buttons of an accordion menu.
Category Names
The background color on the category buttons of an accordion menu.
Category Back-ground
The text color for table column headers.
Note:
For hierarchical tables, this text item is called Header Text.
Header Labels
The background color for table column headers.
Header Back-ground
The color of a push button or toggle button. You can set a different color for when the button is on and when it is off.
Button
The label text color.
Labels
The background color for labels.
Label Back-grounds
The background color of the heading bar for a component with images.
Note:
The label text color is set on the Text tab in Labels text formatting.
Label Header Color
The color of the button that opens or closes drop down lists.
You can set different colors for the background (Button Color) and the drop down symbol (Arrow Color) when selected or not selected.
Drop-Down But-ton
The text color for the values in ticker components.
Display Values
The text color of items in the source list for a list builder.
Source List La-bels
The background color of the source list for a list builder.
Source List Backgrounds
Description Option
The text color of items in the destination list for a list builder.
Destination List Labels
The background color of the destination list for a list builder.
Destination List Backgrounds
The text color of rows of data in a hierarchical table.
Data
The color of the thumbnail area behind images for a sliding or fisheye picture menu.
Thumbnails
The color of buttons on the component. Depending on the component, you can set individual colors for different elements and states of buttons:
• the button background for active, pressed, or disabled buttons
• the symbol for active, pressed, or disabled buttons
• the button label for default and pressed buttons Buttons
The color of lines between columns and rows in table components.
For spreadsheet tables, this option is called Gridline Color.
Gridlines
The color of the arrow symbol on a column header that shows the current sort direction.
Note:
The symbol is not visible in design mode.
Symbol Color
The background color of rows in a spreadsheet.
For some tables, you can also set a different color for alternating rows.
Rows
The colors for the parts of the scroll bar.
Scroll Bar
The color of a checkbox when it is not selected.
Unchecked Color
The color of a checkbox when it is selected.
Checked Color
The colors of the buttons of a radio button selector.
Marker
Description Option
The color of the progress bar indicator.
You can set a different color for the track and for the marker.
Progress Indica-tor
Related Topics
•To configure component properties
•Selector general properties
•Selector behavior properties