Skip to content


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 No
StartColumn FlexibleColumn Yes
_Name string No
_Type const Yes




  • type: string


  • type: const

The value of this property must be:



  "_Type": "Page",
  "Controls": [{
    "StartColumn": {
      "_Name": "StartColumn",
      "PageToOpen": "/MDKDevApp/Pages/FlexibleColumnLayout/"
    "EndColumn": {
      "_Name": "EndColumn",
      "PageToOpen": "/MDKDevApp/Pages/FlexibleColumnLayout/"
    "_Type": "Control.Type.FlexibleColumnLayout",
    "_Name": "FlexibleColumnLayout"