FCLLayout
Different types of FCLLayout.
Enum fields​
| Name | Description |
|---|---|
| OneColumn | The layout will display 1 column. |
| TwoColumnsStartExpanded | Desktop: Defaults to 67 - 33 - -- percent widths of columns. Start (expanded) and Mid columns are displayed. Tablet: Defaults to 67 - 33 - -- percent widths of columns. Start (expanded) and Mid columns are displayed. Phone: Fixed -- 100 -- percent widths of columns, only the Mid column is displayed Use to display both a list and a detail page when the user should focus on the list page. |
| TwoColumnsMidExpanded | Desktop: Defaults to 33 - 67 - -- percent widths of columns. Start and Mid (expanded) columns are displayed Tablet: Defaults to 33 - 67 - -- percent widths of columns. Start and Mid (expanded) columns are displayed Phone: Fixed -- 100 -- percent widths of columns, only the Mid column is displayed Use to display both a list and a detail page when the user should focus on the detail page. |
| ThreeColumnsMidExpanded | Desktop: Defaults to 25 - 50 - 25 percent widths of columns. Start, Mid (expanded) and End columns are displayed Tablet: Defaults to 0 - 67 - 33 percent widths of columns. Mid (expanded) and End columns are displayed, Start is accessible by dragging the columns-separator Phone: Fixed -- -- 100 percent widths of columns, only the End column is displayed Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail. |
| ThreeColumnsEndExpanded | Desktop: Defaults to 25 - 25 - 50 percent widths of columns. Start, Mid and End (expanded) columns are displayed Tablet: Defaults to 0 - 33 - 67 percent widths of columns. Mid and End (expanded) columns are displayed, Start is accessible by dragging the columns-separator Phone: Fixed -- -- 100 percent widths of columns (only the End column is displayed) Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail. |
| ThreeColumnsStartExpandedEndHidden | Desktop: Defaults to 67 - 33 - 0 percent widths of columns. Start (expanded) and Mid columns are displayed, End is accessible by dragging the columns-separator Tablet: Defaults to 67 - 33 - 0 percent widths of columns. Start (expanded) and Mid columns are displayed, End is accessible by dragging the columns-separator Phone: Fixed -- -- 100 percent widths of columns, only the End column is displayed Use to display the list and detail pages when the user should focus on the list. The detail-detail is still loaded and easily accessible by dragging the columns-separator |
| ThreeColumnsMidExpandedEndHidden | Desktop: Defaults to 33 - 67 - 0 percent widths of columns. Start and Mid (expanded) columns are displayed, End is accessible by dragging the columns-separator Tablet: Defaults to 33 - 67 - 0 percent widths of columns. Start and Mid (expanded) columns are displayed, End is accessible by dragging the columns-separator Phone: Fixed -- -- 100 percent widths of columns, only the End column is displayed Use to display the list and detail pages when the user should focus on the detail. The detail-detail is still loaded and easily accessible by dragging the columns-separator |
| MidColumnFullScreen | Desktop: Fixed -- 100 -- percent widths of columns, only the Mid column is displayed Tablet: Fixed -- 100 -- percent widths of columns, only the Mid column is displayed Phone: Fixed -- 100 -- percent widths of columns, only the Mid column is displayed Use to display a detail page only, when the user should focus entirely on it. |
| EndColumnFullScreen | Desktop: Fixed -- -- 100 percent widths of columns, only the End column is displayed Tablet: Fixed -- -- 100 percent widths of columns, only the End column is displayed Phone: Fixed -- -- 100 percent widths of columns, only the End column is displayed Use to display a detail-detail page only, when the user should focus entirely on it. |