Panel - Group Box - Box

This compound component is used to layout other components. It aligns all components it contains into a single row or column.

Properties and All Attributes views

The Properties view for a component shows the most common set of attributes you can set on a component, and, depending on the component, you might also see options for adding controls, actions, or other components. To open the Properties view, click Window > Show View > Properties.

These common attributes for the List component display on the hx:panelBox tab in the Properties view. See the All List attributes table for a complete list of attributes. Additional configuration options for panel items are on the hx:panelBox>Items tab:

Table 1. List configuration options

Configuration option

Description

Order of items in the panel

Allows you to specify the order of components within the panel, using the Move Up and Move Down buttons.

The All Attributes view shows a table of all the attributes you can set on a component, which includes those attributes you can access from the Properties view. To switch to the All Attributes view, click the All Attributes icon All Attributes icon in the upper right corner of the Properties view.

Table 2. All List attributes

Attribute name

Represented in Properties view by

Description

align

Alignment: Horizontal

Specifies whether the component should be aligned to the left, center or right.

bgcolor

Background color

Specifies the background color in 6 digit hexadecimal RGB values beginning with a # symbol, or by entering a color name, for example, black, white, or blue.

binding

Not represented

An expression that binds the component's instance (usually a user interface component) to a bean property (usually in the backing file).

border

Not represented

Specifies, in pixels, the size of the border for the table.

cellpadding

Padding

Specifies the amount of space between the border of the cell and the cell contents. If the value of this attribute is a pixel length, all four margins should be this distance from the contents.

cellspacing

Spacing

Specifies, in pixels, the amount of space to leave between cells.

height

Size: Height

Specifies the height of the component in either pixels or percentage. To specify percentage, append % to the value.

id

ID

Assigns a name to a component. Should be a unique name within a JSP.

layout

Layout of Panel: Orientation

Specifies whether the component is oriented horizontally or vertically at runtime:
  • Horizontal
  • Vertical

rendered

Not represented

Can be set to true or false:
  • false - Component will not be rendered to the browser at runtime.
  • true - Component will get rendered. This is the default value.

style

Style: Props

Specifies CSS style information for the component (for example, style="font-size : 8pt ; color : red"). Defines the properties (such as font and color) of the selected component. This may be done manually, or by clicking the button and selecting the desired properties from within the window.

styleClass

Style: Classes

Space-separated list of CSS style classes to be applied when this element is rendered. This value must be passed through as the class attribute on generated markup. Defines the classes (such as style sheets) of the selected component. This may be done manually, or by clicking the button and selecting the desired Classes from within the window.

title

Not represented

Specifies the title text, shown in browser as a tooltip at runtime. Used by a browser as the alternative text of a component if the alternative text is not specified.

valign

Alignment: Vertical

Specifies the vertical position of data within a cell:
  • top
  • middle
  • bottom
  • relative

width

Size: Width

Specifies the width of the component in either pixels or percentage. To specify percentage is to be used append % to the value.


Feedback