You see the Properties window for a Grid Panel component when you select the component on a page that you are editing in the Visual Designer.
The Grid Panel component has the following properties.
Type: text
Type: String
style
property's editor, which is more user friendly than this property's editor.
Open a property editor by clicking the ellipsis button to the right of a property's value field.A color value can either be a hexadecimal number prefixed by a hash mark (#) or one of the following sixteen color names. The color names are case-insensitive.
Color names and sRGB values | |||
---|---|---|---|
Black = "#000000" | Green = "#008000" | ||
Silver = "#C0C0C0" | Lime = "#00FF00" | ||
Gray = "#808080" | Olive = "#808000" | ||
White = "#FFFFFF" | Yellow = "#FFFF00" | ||
Maroon = "#800000" | Navy = "#000080" | ||
Red = "#FF0000" | Blue = "#0000FF" | ||
Purple = "#800080" | Teal = "#008080" | ||
Fuchsia = "#FF00FF" | Aqua = "#00FFFF" |
Type: String
outset
.
style
property's editor, which is more user friendly than this property's editor. Open a property editor by clicking the ellipsis button to the right of a property's value field. Type: String
Type: String
Type: String
The classes are applied left to right to the columns. If there are fewer sets of classes than the number of columns in the columns property, there will be columns on the right of the table to which classes are not applied. If there are more sets of classes than columns, the extra sets of classes will be ignored.
For example, the following list provides CSS classes for three columns. The styles class1
and class2
are applied to the first column, the style class3
is applied to the second column, and the styles class1
and class2
are applied to the third column:
class1 class2
,class3
,class1 class2
Type: int
Type: String
Type: String
Type: String
The classes are applied top to bottom, in turn, to the rows. For example, if rowClass contains two classes separated by commas, the first class is applied to the first row and the second class to the second row, then the first class is applied to the third row and the second class to the fourth row, and so on.
For example, the following list provides two sets of CSS classes. The styles class1
and class2
are applied to the first row, and the style class3
is applied to the second row. Then the process starts over with the third row.
class1 class2
,class3
Type: String
<thead>
, <tfoot>
, and <tbody>
sections of the <table>
element that is rendered. The renderer creates a <thead>
around column headers, and a <tfoot>
around column footers, resulting in a horizontal line below the headers (if any) and above the footers (if any). Type: String
position: absolute; left: 288px; top: 312px
You can enter values directly or click the ellipsis (...) button to use the Style Editor.
For a list of CSS2 style attributes, see the web page at
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
Type: String
dir
attribute of the HTML <input>
tag.
Values can be:
Type: String
Type: String
lang
attribute of the HTML <input>
tag. To choose a language code, you can click the ellipsis button (...) to open the property editor. Some examples:
ar
- Traditional Arabicde
- Germanen
- Englishes
- Spanishfr
- Frenchja
- Japanese In addition to the codes available in the property editor, you can also enter additional codes using ISO standard names. Some examples:
en-US
- United States Englishja-JP
- Japanesezh-guoyu
- Mandarin or Standard Chinese zh-Hans
- Simplified Chinese scriptzh-HanT
- Traditional Chinese script Type: boolean
rendered
properties of all child components.
You can bind this property to a variable that determines when the component gets rendered. For example, an airline reservation form might show a Grid Panel for frequent flyers and not show it for the general public.To bind this property, right-click the component in the Visual Designer and choose Property Bindings, and then select the All radio button to display all properties so you can select the rendered
property.