Overview
There are two types of slide out areas available:
- Collapsible Tile: A complete tile which expands to display additional content.
- Sliding Draw: An area within a tile which expands to display additional content.
These slide outs are available from your Palette, see Understanding Template Packages if you do not have these available.
Setup
- To use the slide outs simply drag them from the palette onto your your screen.
- To add content to the areas which slide out:
- Use the Layer section and navigate to the hidden area Content can then be dragged onto the hidden area.
- Alternatively, lock your screen and expand the slide out area usin the chevron. Now unlock your screen and the previously hidden area is now displayed ready to accept content.
Resizing
Collapsible Tiles
The collapsible Tiles by default expand to 350px. This can be changed by:
- Add a Collapsible Tile to your screen.
- Click on the tile to open its Properties.
- Click the Styles tab.
- In the CSS Properties section, double-click the style minWidth or minHeight depending on your tile:
- change
350px
to the desired size. - Save your changes. It may be necessary to close and reopen the screen for the changes to take place
Sliding Draws
Unlock your screen and there is a dividing line between the sliding draw and the main area, simply drag this to the desired size. Lock your screen and test your proportions.
Collapsible Tiles
Horizontal
Available from the Tiles section of your palette, these are designed to work where the tile container is set to row.
Vertical
These are designed to work where the tile container is set to column.