Freedom UI layout components for Mobile Creatio
Column
Use the Column component to arrange page content vertically.
View the example of a configuration object that arranges page content vertically below.
{
"type": "crt.Column",
"scrollable": true,
"items": [
...
]
}
type
Component type. crt.Column for the Column component.
scrollable
A flag that enables content scrolling. By default, false.
Available values
true | Scrolling is enabled. Creatio lets you use |
false | Scrolling is disabled |
items
The array of Freedom UI components that are attached to the Column component.
Area
Use the Area component to place the page components into multiple sections. Unlike the Adaptive layout component, the Area component places components between columns and rows arbitrarily. The Area component adapts the content based on the device type. Mobile Creatio displays single column for mobile phones and two for tablets. You can attach any Freedom UI component to the Area component.
View the example of a configuration object that places page components into multiple sections below.
{
"type": "crt.Area",
"title": "Title",
"items": [
...
]
}
type
Component type. crt.Area for the Area component.
title
Localizable area title.
items
The array of Freedom UI components that are attached to the Area component.
Tabs
Use the Tabs component to add a tab area. The tab area lets you display content grouped by multiple criteria. That way, you can publish more required information without overcrowding the page. You can reorder tabs and attach any components to tabs.
View the example of a configuration object that adds tab areas below.
{
"type": "crt.Tabs",
"items": [
{
"position": 1,
"text": "Tab1",
"body": {
...
}
},
{
"position": 2,
"text": "Tab2",
"body": {
...
}
}
]
}
type
Component type. crt.Tabs for the Tabs component.
items
The array of tabs.
position
Tab order.
text
Tab name.
body
The array of Freedom UI components that are attached to the tab.