Defining a Form Layout

From Morfikwiki.com

Jump to: navigation, search

Contents

[edit] Introduction

Any page layout in Morfik, no matter how complex, is ultimately comprised of individual forms.

Morfik provides the following entities for managing Form layout:

  • Bands
  • Containers
  • Subforms

[edit] Bands

Morfik divides Forms into horizontal sections called Bands.

When you design your Forms you should consider what would be their purpose and so determine if they will need to display a Header or Footer band. Figure 1 shows a picture of a Form with three bands: Header, Footer and Details.

Figure 1 – A Form with three visible bands.

You can define if any of the three main bands will not be visible by simply setting its height to be equal to zero. When working with databases (Morfik AppsBuilder only) you can, also, have additional bands added for data grouping. Figure 2 shows a Form with both the Header and Footer band heights set to zero.

Figure 2 – A Form with the height of both the Header and Footer bands set to zero.

[edit] Splitting Bands and Containers

A powerful new feature in the Morfik 2.x Form designer is the ability to automatically split Bands and Containers into sub-regions.

This allows developers to create complex form layouts quickly, without having to worry about the precise placement of Subform controls.

Figure 3 shows how to split the Details band vertically.

Figure 3 – Splitting the Details band.

Splitting a Band implicitly creates a Container for each side of the split.

Often, the developer will want to place a Subform control on to the Container, as shown in Figure 4.

Figure 4 – Container with Subform.

The split may be resized by dragging the dashed line. The Subform control is automatically resized along with its parent Container.

Figure 5 – Resizing the split.

Containers may be split using the same technique. In Figure 6, the developer is horizontally splitting one of the Containers created as a result of the split performed in Figure 3.

Figure 6 – Splitting the Container.

[edit] See Also

Personal tools