Skip to content

FlexibleColumnLayout

This control renders a flexible column layout with 2 columns in a page.

Each column's content is rendered as a page.

When the left most column is rendered with a section list, the right column next to it is used to render the detail of a selected item from list.

FlexibleColumnLayout Properties

Property Type Required
EndColumn FlexibleColumn Optional
StartColumn FlexibleColumn Required
_Name string Optional
_Type const Required

EndColumn


StartColumn


_Name

  • type: string

_Type

  • type: const

The value of this property must be equal to:

"Control.Type.FlexibleColumnLayout"

Examples

{
  "_Type": "Page",
  "Controls": [{
    "StartColumn": {
      "_Name": "StartColumn",
      "PageToOpen": "/MDKDevApp/Pages/FlexibleColumnLayout/FlexibleColumnMaster.page"
    },
    "EndColumn": {
      "_Name": "EndColumn",
      "PageToOpen": "/MDKDevApp/Pages/FlexibleColumnLayout/FlexibleColumnDetail.page"
    },
    "_Type": "Control.Type.FlexibleColumnLayout",
    "_Name": "FlexibleColumnLayout"
  }]
}