Features such as data lists, data forms, UI Widgets, etc. can be arranged in sections within tabs on a page. Below is a list of available options for layout sections. The list is ordered by least degree of layout control to most degree of layout control. Each tab on a page can use any of the above layout option.
Sequential (Default)
Sections are rendered as vertically flowing stacks in the order they are defined in the spec.
The SDK developer has no control aside from the order.
For details, see Page Sections.
Section Element's DisplayStyle Attribute
Allows sections to flow within the tab.
Each section describes its flow style with a DisplayStyle attribute.
Available options:
Block (default) – forces a break before and after the section.
Inline – No breaks before or after, flows with the page.
InlineBlock – forces a break after only (no break before).
Tab Element's LayoutMode Attribute
Uses a predefined arrangement (i.e., template) of "display zones" on a tab.
Specified at the tab level with the LayoutMode attribute.
Sections flow within the predefined zones. (Predefined zones may only be authored by Blackbaud.)
Currently available options:
None (default)
TwoEqualColumns
The display area is divided into two zones (left and right).
Sections can appear in either the left or right zone.
Sections not defined in a zone render underneath the zones in sequential order.
The LayoutMode and LayoutUrl attributes are mutually exclusive – you can't use both at the same time.
For details, see Using Display Zones to Provide Page Layout.
Tab Element's LayoutUrl Attribute
Allows 100 percent control over the layout of sections on a tab.
Each tab can reference an external HTML file that defines the layout for sections within the tab.
The external file is specified by the LayoutUrl property of the tab
The external HTML that defines container elements (typically DIVs)
Each contain element will contain one section on the page.
The container element ID maps to the ID of the section itself.
The LayoutMode and LayoutUrl attributes are mutually exclusive – you can't use both at the same time.
For details, see Using Display Zones to Provide Page Layout.