Layouts
On this page
Layouts
Note: If you are using a CMS earlier than v3.1.0 please select from the options below:
A Layout is a complete screen design made up of content, which is then scheduled to a Display/multiple Displays / Display Groups. A Layout is made up of 1 or more Regions which act as placeholders for content which each contain a Timeline of Media to show. Media is assigned to a Timeline using a wide range of Widgets.
Xibo has no limit to the number of Layouts you can have in the system or the number a User/User Group can have.
Layouts are administered by clicking on Layouts under the Design section of the main menu:

Click the Folders icon to toggle on/off from view.
- Click on a Folder/sub-folder to search the contents and return results based on any filters applied to the grid.
or
- Tick All Folders to include searching in the Root Folder and return results based on any filters applied to the grid.
Check out the Folders page for further information!
The Layout Grid allows users to create new and edit existing.
Add Layout
When should a User create a new Layout? When should a User add to an existing Layout? Layouts provide vast flexibility in the system, but can also cause confusion. The recommended usage for a Layout is to only contain the design and media required for a set of related content that should be scheduled at the same time.
Scenario: You have a video showing a fire safety demonstration and a video showing an advert for an upcoming production - it would be natural to have separate Layouts for these.
Click on the Add Layout button at the top of the grid:

Select a Template to use from the available options:
- Default pre-defined templates
- Blank to add your own Regions
- Choose from your own published Templates
- Select one of our templates from the Xibo Exchange
Xibo Exchange templates are enabled by default for new Xibo Cloud Hosting customers.
If you are upgrading from an earlier version you will need to enable by navigating to the Administration section of the CMS and click Applications. Scroll down the page to the Connectors section. Click to Configure and tick to enable, Save changes.
- On making a selection click the Next button at the very bottom of the form:

- Provide a Name for easy identification purposes within the CMS.
- Layouts can be optionally saved to Folders for easier searches, organisation and to easily set Share options for Users/User Groups.
If users should also have access to the content of the Layout, ensure that this is also saved to the same Folder!
Resolutions
Layouts are designed for an intended display Resolution and will function best when shown on a Player with a matching resolution. If they are shown on a display that has a different resolution it will dynamically resize which may result in unused screen space.
Xibo comes with a selection of default resolutions that cater for most digital signage applications. Add/edit and enable from the Resolutions page under the Design section of the main CMS menu.
-
Include an optional Description to give more detail/instructions to other potential users of the Layout.
-
Include optional Tags to organise and make it easier to search for.
Click on the Settings tab for further options:

-
Enter a string to be used as the Code Identifier to identify this Layout when used with Interactive Actions
-
Tick/untick the box to enable/disable the collection of statistics for Proof of Play Reports for the newly added Layout.
Ensure that the Enable Stats Collection check box has been enabled for the Display this Layout will be scheduled to, in the Display Profile Settings. -
Default Transition settings can be applied to all Widgets on the Layout by ticking the box.
-
Save the Add Layout form to automatically open the Layout Designer.
Row menu
Each Layout has additional actions/shortcuts that can be accessed using the Row Menu in the grid:

Design
Select Design to open the Layout Designer to make edits to the content/design of the Layout.
If your Layout has a Published status, the Layout Designer will open in a Read Only Mode. You will need to ‘Checkout’ the Layout to enable editing.
Checkout
Checkout from the Row Menu to put the Layout into a draft mode so that changes can be made later. Once edited, the Layout can be Published to make changes permanent and to overwrite the existing Layout. Discard will revert the Layout back to the original published state.
Preview Layout
The Published Layout will play from start to finish to allow you to see how it will play. Make important adjustments to ensure that layout designs play as intended before scheduling to Displays.
Schedule Now
To save time, Layouts can be scheduled for a specified amount of time, which can be very useful for important notices / promotions.
Assign to Campaign
Click to add the selected Layout to an existing Campaign.
Jump Lists
Select to ‘jump’ to Playlists, Campaigns and Media associated for the selected Layout.
Edit
Make changes to the Layout record such as, Folder location, Name and Tags etc.
Select Folder
Move the Layout to a selected Folder.
Copy
Create copies of designed Layouts to easily make modifications. Choose to include all contained Media items, to use as a base for creating new layouts to save time.
Retire
Retire a Layout so it does not affect existing Schedules. A retired Layout will be hidden from new Scheduling options but will remain unaffected in existing Schedules and continue to show on Displays.
Delete
Remove a Layout and all its associated media completely from all existing Schedules. Please note: This action is irreversible!
Enable Stats collection
Enable the collection of Proof of Play statistics.
Export
Export the Layout including all associated Widgets/Media/DataSet structures to a ZIP file, so it can be easily shared.
Share
Enable Share options for selected Users/User Groups.
Draft Status
Selecting a Layout that is in a Draft status will present the following additional Row Menu options:
Publish
Select to Publish Now or select a date and time to set the Layout to Publish in the future.
Discard
Click to ignore any changes that have been made and revert to the previous Published version of the Layout.
Preview Draft Layout
Play a Preview of your Layout in its current Draft status. Make any necessary adjustments before commiting any changes by Publishing.
Take a look at the How to create a simple Layout guide