Back ForwardHow to convert a section or flow action rule to Smart Layouts

A Smart Layout-based form provides attractive, consistent spacing of horizontal elements such as field labels and input boxes, even when sections are embedded within sections. Smart Layouts contribute to a professional-looking application and may improve user productivity and quality.

For new development, use of Smart Layouts is recommended. If you have work object forms or flow action forms created in releases before V5.5, consider "upgrading" them to achieve all or most of the Smart Layout benefits.

In many cases, you can convert some or non-Smart Layout form to use only Smart Layouts, realizing some of the benefits. In other cases, conversion is inadvisable or impractical.

Tactics

For the harness rule and section rules, identify each included section, sections included within those sections, and so on.

Work in a new RuleSet version. Start by saving each rule to be converted into the higher RuleSet version.

Upgrade or rebuild the harness rules first. Then upgrade or rebuild the harness rules or flow action rules.

Approach 1: Upgrade in place

Follow these tips to "upgrade" an older layout into a quasi-Smart Layout layout.

  1. Decide whether the contents of the existing layout are most nearly matched by the Single, Double, or Triple Smart Layout format.
  2. Use the Insert Column (zzz and zzz), Merge Cells (zzz) and other operations as necessary so that columns correspond to alternating labels and fields, with an empty spacer column between label-field pairs.
  3. Open the Layout Panel. If the Header value is Hidden or Hidden (Sub), change it to No Format.
  4. Change the Template from Custom to Single, Double, or Triple.
  5. Click Apply. Save the rule form.
  6. Open the Column panel for each column. Select a Column Type of Label for the leftmost column and click Apply. Make the second column have a Column Type of Field and the third column have a Column Type of Spacer. Repeat to mimic the Single, Double or Triple pattern of columns. Save the rule form.
  7. Repeat for each section. After all sections are upgraded, make a Save As copy of harness and flow action rules. Refresh to see the upgraded sections. Save.
  8. Test.

Approach 2: Replacement

The upgrade process in Approach 1 preserves your previous settings within individual cells (except for width, height, and styles), and preserves many previous settings for the layout itself. However, the result of this "upgrade" is not a true Smart Layout. To achieve a true Smart Layout, you must reproduce the cells in a Smart Layout.

  1. Decide whether the contents of the existing layout are most nearly matched by the Single, Double, or Triple Smart Layout format.
  2. Select the Layout control Layout from the Layout control group (Layout group). Drop a new layout below the original layout.
  3. Open the Set the Template to Single, Double or Triple as appropriate. The Smart Layout is empty.
  4. Select a cell in the original layout. Right-click and choose Copy from the context menu. Find the correspondence cell in the Smart Layout, right-click, and choose Paste.
  5. Repeat for each cell in the layout, adding or deleting rows (not columns) as appropriate. Save.
  6. Open the Layout properties panel of the original layout, and note the property settings. Enter these values in the new Smart Layout panel. However, if the original layout has a Header value of Hidden or Hidden (Sub), select No Format for the Header of the Smart Layout panel.
  7. After all cells and properties are copied to the Smart Layout, delete the original layout. (You can still examine the original layout in the original rule.)
  8. Test.

Example

Original work object form. Labels and fields are not aligned on the left or the right, and have differing widths.

Not Smart Layout

After upgrade. (Added green lines to emphasize uniform widths)

Smart Layout 1

Definitions Smart Layout, template
Related topics Harness, Section, and Flow Action forms — Adding a Smart Layout

UpUser Interface category