Skin form — Components tab — Layouts — Legacy layouts |
The styles you set here apply to Smart layouts. A Smart layout is a template containing fixed-width, fixed-height column pairs. Smart layouts ensure vertical alignment, even when layouts are nested.
Setting Smart layouts values in the Skin rule ensures that column alignment is based upon a style sheet and therefore matches across all sections. See Harness and Section forms — Adding a layout.
You can modify the standard Smart layouts templates or create custom Smart layouts templates.
To preview formats, select Actions > Launch in the toolbar and then choose one of the following preview options: Run Process, Open Portal, Harness Preview, UI Gallery Preview, Skin Preview. In the Skin Preview, click the Layouts tab. Select the format you want to preview: Default
, Spreadsheet
, or Transparent
.
Specify settings for the following standard Smart Layouts:
For each column pair, Single
, Double
, Triple
, and Custom
, enter values for the following in pixels:
Height | Enter the height. |
Label | Enter the width of the label column. |
Field | Enter the width of the field column. |
Spacer | Enter the width of the spacer column. |
Total | Displays the sum of the width values. |
Width |
Specify the width of text and control properties within the boundaries of the field column. These include input, selection, and AutoComplete boxes. For each column type, select the Width check box, enter a value in the next box to the right, and select As a best practice, do not enter a pixel value greater than the Field width or a percentage greater than 100. Doing so overrides the Field width settings. If you do not want to use this feature, clear the Width check box. Its associated fields disappear. Doing so enables you to define custom dimensions using the cell property panels in the layout. |
Width |
Determine the smallest value to which a user can compress the screen size before a horizontal slide bar appears. The minimum value provides consistent alignment by preventing columns and text from wrapping. To use the minimum setting, select the Has Minimum Width? check box on the Display Options tab of a Harness form. |
Creating a custom template
Applying a custom template
You can delete styles that you create; click the Delete icon.