Linear Box Component

This component is a layout container that aligns content either vertically or horizontally.

The Linear Box can have component items added to it. Each item can have images/buttons added to it as well. Each item and its subsequent components are indented in the scene tree according to their position. The vertical orientation would be used for tall components that are not too wide and aligned top to bottom. The horizontal orientation would be wide and short with components aligned left to right within the Linear Box.

Properties for the Linear Box Component

Name When components are placed on a page they appear highlighted blue in the scene tree and can be renamed by double clicking in this panel and typing the new name. Components can also be set to be visible/invisible on the page, using the ‘eye’ icon on this panel.
Position and Size Sets position and size. As long as measurements are maintained as percentages it deals automatically with dynamic layout and resizing for different devices and orientations.You can use millimeters to control aspects of size like width or height in order to create a group that will be well positioned across devices.
Appearance Sets the orientation of the Linear Box items.
Vertical Default layout for content is left to right but if this checkbox is ticked then the display changes to be aligned from top to bottom.

Linear Box Item Properties

Name When components are placed on a page they appear highlighted blue in the scene tree and can be renamed by double clicking in this panel and typing the new name. Components can also be set to be visible/invisible on the page, using the ‘eye’ icon on this panel.
Position and Size Disabled.
Appearance Sets how much of the Linear Box space will be utilized.
Size Use the plus and minus buttons to change percentage ratios and allocate more or less space for a group of items. Move in hundredths from 1 to 100 or type in a percent and enter.
Units Dropdown to select either percent or millimeters. Percent is the most useful here.
Content for Linear box item To add content to the Linear Box item, click the plus button on the right of the Linear box item tab. (Most likely components to add would be image or button components) Once you have inserted a component in a Linear Box Item component, the normal position properties apply to the Linear Box Item space.