Layout Designer
- Modules
- Agenda
- Audio
- Calendar
- Chart
- Clock
- Countdown
- Currencies
- Dashboard
- DataSet Ticker
- DataSet View
- Embedded
- Flash
- Google Traffic
- HLS
- HTML Package
- Image
- Local Video
- Menu Boards
- Notifications
- PowerPoint
- Shell Command
- Spacer
- Stocks
- Sub Playlist
- Text
- Ticker
- Twitter Metro
- Video
- Video In
- Weather
- Webpage
- World Clock
Layout Designer
The Layout Designer is the heart of content creation in Xibo. Each time a new Layout is added, or an existing one needs a design change, the Layout Designer is used.
Xibo makes layout design simple through the use of drag and drop,interactive previewing and design flexibility. On adding a new Layout, the Layout Designer will open.
Layout Navigator
This is located in the bottom corner of the Layout Designer window. As shown in the above image, all new Layouts, by default, have one full screen empty Region, represented as a semi-transparent overlay. The Layout Navigator is used to add, position and resize Regions and gives an overview to the overall layout design.
Clicking on a Region in the opened Layout Navigator window, opens the Region Options form which allows for refinement of Positioning and the application of Transitions.
Layout Timeline
Located next to the Layout Navigator the Layout Timeline displays the duration of individual Widgets as well as complete layout duration which is based on the longest running region on the layout.
A status indicator is shown (cross or tick) to identify valid and invalid Layouts. Invalid layouts will be excluded from the Schedule and will not be played.
Preview
Preview your Layout, Widgets and Regions and make the necessary alterations to designs to ensure that everything plays as intended. Click on the Play icon located in the top left of the Preview window to play a full Preview of your Layout.
Click on a Widget to view media in the Preview window. Use the arrows to cycle through all Widgets that have been assigned to that Region.
Please note: Video files will only play in the full Layout Preview.
Editor
Edit aspects of your Layout and assigned Widgets. Click on assigned Widgets from the Layout Timeline window to open the edit options available for that media item.
Use the arrow in the top right hand corner of the Preview window to return to the Layout and Edit Layout form.
Widgets can be edited by clicking on assigned Widgets on the Layout Timeline window to open the options available for that media item.
Toolbox
Located on the bottom left of the toolbar assign actions using Tools, add Widgets and search for Library media items to add to Layouts.
Actions
Located on the bottom right of the toolbar, select from the menu of Actions that can be performed for Published Layouts.
-
Checkout - enable editing by putting the published Layout into a draft status.
-
Schedule Now - schedule published Layouts onto one or more Displays directly from the Layout Designer.
-
Save Template - save your published designs by creating a Template for reuse. Saving a template will store an exact copy of the Layout, including Regions, Playlists and media.
Invalid Layouts cannot be published.
Draft Layout Status
Layouts that have been ‘checked out’ and in a draft status have action buttons to Publish, Undo and Delete, located on the bottom right of the toolbar.
Set to Publish
Layouts can be Published straight away with updates automatically pushed to Layouts that are in the schedule. A date and time can also be selected to Publish a Layout at a specified time.
Layout Selector
The Layout selector provides easy navigation between all Layouts the logged in User has permission to edit without having to leave the Layout Designer screen.
