Layout Designer

The Layout Designer is the heart of content creation in this solution. Each time a new Layout is created, or an existing one needs a design change, the Layout Designer is used.

This solution makes Layout Design simple through the use of drag and drop, interactive previewing and design flexibility. When Designing a Layout from scratch all of the default templates come with one Full Screen Empty Region, pictured below.

Layout Designer

Layouts are designed with an intended resolution which has been scaled back in the designer window. The Layout Designer has a small design resolution so that the Design can occur without panning around the browser with scroll bars. The small design window does not matter and is seamlessly resized without losses on each Display.

Toolbox

The top of the layout designer holds a toolbox which contains all of the most used actions that can be taken on the Layout.

  • Add Region Adds a new Region to the Layout that can then be positioned (drag/drop) and resized. It can then have content assigned to it.

  • Background Change the Background image, colour and aspect ratio.

  • Preview Layout View the full screen Layout Preview directly in your browser. See Previewing

  • Schedule Now Schedule the Layout onto one or more Displays directly from the Layout Designer.

  • Save Template Want to use the design again? It can be saved as a Template from here. Saving a template will store an exact copy of the layout, including regions, playlists and media.

Save Region Positions If the Regions have been moved around or resized with drag and drop, then save those position changes.

Layout Selector

The Layout selector provides navigation between all Layouts the current user has permissions to edit, without having to jump out to the Layout Administration page each and every time.

Jump List

Once clicked, it presents a list of Layout names - clicking the name will load corresponding layout into the designer window.