Layout Editor Overview
New to this? What the instructions mean
Click means select with your mouse (or tap on a touch screen). Row menu means the small actions menu beside an item in a list. Drop-down means a box you click to choose an option. Drag and drop means hold the mouse button on an item, move it, then release.
CMS is your online screen-control system. Display means a managed screen. Publish makes a layout ready to play. Schedule chooses the screens and times.
Some buttons depend on your version and permissions. If your screen looks different, ask your administrator or get help.
Create a screen design with pictures, text or other content.
A “layout” is one complete screen design. If you only want one picture or a video, the image guide or video guide is simpler.
1. Start a layout
- Click Layouts under Design.
- Click Add Layout. The layout editor opens.
- Click the Untitled name at the top and give your layout a meaningful name.
- In the Properties Panel, choose a Resolution that matches your screen. Ask your administrator if you do not know the screen size or orientation.
2. Add your content
- Choose a content type from the Toolbox.
- Find the image, video or other item you want to use.
- Drag it onto the Canvas — the large area showing your screen design.
- Drag the item to position it. Use its resizing controls to adjust its size.
- Click an item to see its settings in the Properties Panel.
3. Preview and publish
- Click the background to deselect any item.
- Click Play below the canvas to preview the layout.
- Check the text, pictures and playback. Make any changes needed.
- Open the three-line menu at the top right of the editor.
- Choose Publish.
- Leave Publish Now selected if you want to publish immediately, then complete the publish form.
Next: follow Schedule your layout to choose the screens and times.
Your layout is published and the preview looks correct. After scheduling, check that it appears on the correct physical display.
Something not working?
Publishing makes the design ready to use. It does not create a schedule by itself. Button names can vary between versions. If you cannot see an option, check with your administrator. For a screen that has not updated, follow the troubleshooting checklist.
More detail, screenshots and advanced options
The Layout Editor is used to create new Layout designs and when an existing Layout needs a Design change.
A Layout presents content to be shown on Displays and are made up of just 1 or multiple content items. Designs can include a combination of Elements, Widgets and Library Media and can be added to be shown in different sections of the Layout to show simultaneously.
The Screen Moove Layout Editor gives Users a range of tools to add and arrange a variety of content, regardless of skill level, to easily create eye catching Layouts to capture attention on Displays.
Creating Layouts
Layouts are created from the Layouts page under the Design section of the main CMS menu.
Clicking the Add Layout button will open the Layout Editor used to add content to design Layouts.
Navigating the Layout Editor
Choose media, widgets and elements.
Drag, position and resize your content here.
Adjust the selected item or your layout settings.
To Rename the Layout, click the “Untitled” text at the top of the Layout Editor.
From here, also view the Status and total Duration of the Layout as you build your design. The total Layout duration is always based on the item added to the Layout with the highest set duration.
Layouts will function best when shown on a Display with a matching resolution. To change the Dimensions of a Layout, select the Resolution to use from the drop down menu in the Properties Panel.
Using the Properties Panel, select a Colour or add a static Image from the Toolbox or upload a new file to use as a Background for the Layout.
All content is added to the canvas from the Toolbox.
Adding and Arranging Content
The Toolbox contains a variety of content types, which when selected will open the items to add.
Content is added to the canvas using the flexibility of drag and drop, along with rotation and resizing tools to enable Users to position items exactly where they are needed.
On adding an item to the Canvas, “Snap to” buttons are available from the bottom right under the canvas, which allow for easier positioning when moving items around the canvas.
Properties Panel
As items are added, the Properties Panel will show the configuration options available for the selected item.
The Advanced tab can be used to override the duration of an item.
- Click in Set a duration and provide the new Duration in seconds.
If this item now has the longest duration on the Layout, it will also update the total Layout duration shown at the top of the Layout Editor.
Layout Preview
The full Layout can be played to preview how your design will look when showing on Displays.
- Click out of any selected items by clicking on the background.
- Select the Play button icon at the bottom left under the canvas.
Play a preview in full screen by using the icon in the top right of the canvas before selecting the Play button!
Publishing Layouts
Layouts need to be Published in order to be shown correctly on Displays when included in Schedules.
Use the 3 line menu located in the top right of the Layout Editor to select the Publish option.
Layouts can be Published straight away or a Publish Date can be set, by unticking the Publish Now option to determine a specified date and time in the future to Publish.
Once Published or after setting a Publish Date, the Layout can now be Scheduled to Displays.
Further Reading
Using Global Elements on Layouts
Using the Library Search Functions
FAQs
When should a User create a new Layout?
The recommended usage for a Layout is for it to only contain the design and media required for a set of related content that should be shown at the same time. Keeping your content concise will make it easier for your audience to understand your messaging!
Are there any restrictions to the amount of Layouts I can have?
There are no limits to the number of Layouts in the system or the number a User can have.
My Layout status is always showing as an orange exclamation mark, I how do I make it a green tick?
The orange exclamation mark is an expected status to have if your Layout contains online content, such as a Webpage. In this situation, the CMS cannot determine what the Display will play as this type of content is not sent directly from the CMS and is instead assessed Player side. The Layout should still be Published and Scheduled to Displays, which will need to have a reliable internet connection in order to successfully show this content.
I want to divide my Layout and have static content on one side and a carousel of content fill the other side, how do I achieve that?
Add and position a Playlist to the side you want to show a rotation of items and resize to fit the area as needed.
How do I make design changes to an existing Layout?
Use the row menu for the Layout you need to make changes to and select Design to open the Layout Editor. If the Layout has been Published you will need to first Checkout the Layout which will create a draft copy of the Layout so as to not disrupt any current schedules the Layout is in.
Need a hand with your displays?
Talk to Screen Moove →