Skip to main content

Content Designs

Genius Portal4-Dot MenuDigital Menu BoardContent ManagementDesigns

Access Content Designs to create and design DMB content. The following is an overview of the Content Designs homepage:

Screens.png

1

Create Content Design

Use Content Designer to configure display components, including images and videos.

2

Content Design Name

Name of Content Design

3

Description

Description of Content Design

4

Resolution

Screen resolution

Select All from the column header to filter the list by resolution.

5

Content Layouts

Number of Content Layouts mapped to the Content Design

Select the number to view the mapped layout names.

6

Last Update

Date/time the Content Design was last updated

7

3-Dot Menu

From the dropdown, select an action to perform on the Content Design:

  • Edit - Edit properties and components of Content Design

  • Delete - Delete Content Design

  • Duplicate - Create copy of Content Design and customize as needed

Content Designer Overview

Genius Portal4-Dot MenuDigital Menu BoardContent ManagementDesigns

Use Content Designer to Create Content Design to display on a screen.

Screen_Designer.png

1

"Hamburger" Menu

Select the "hamburger" icon to access the following options:

  • Show Rulers - Display a ruler along the vertical and horizontal perimeters of the screen.

  • Show Guides - Show/hide the vertical and horizontal guides on the screen. Use guides to help manually align components and prevent misaligned pixel errors.

    To manually add a guide, drag a line from the vertical and/or horizontal rulers. Show Rulers must be enabled.

    When Show Guides is enabled, the following options are added to the component context menu. Right-click a screen component to access these options:

    • Add Vertical Guide

    • Add Horizontal Guide

  • Snap - Automatically align components on the screen. Disable this option to fully control component placement on the screen.

  • Duplicate Content Design - Create a copy of the Content Design and customize the properties and components as needed.

  • Exit Content Design - Exit the Content Designer and return to the Site Manager.

2

Toolbar

From the toolbar, access the following tools:

Undo.png

Undo the previous action

Redo.png

Redo the previous action

Paste.png

Paste a copy of the currently selected item

Delete.png

Delete the currently selected item

3

Content Design Name

Name of Content Design

Specify the name in the Content Design Name field of Content Design Settings.

4

Zoom Settings

From the dropdown, select a zoom setting:

  • In the provided field, type the desired zoom percentage.

  • Select a predefined zoom percentage.

  • Select Enter Full Screen Content Design Mode to view the Content Designer in "full screen".

5

Preview Content Design

Preview the Content Design in a separate browser tab.

6

Add Media

Upload image and video files and configure their size and location on the screen.

7

Add Text

Add text components and define their size, location, font, and color.

8

Add Component

Add and format the following components:

  • Donate - Add a customer donation screen.

  • Media Carousel - Add a collection of components that are displayed consecutively on an infinite loop at a specified duration. A carousel can include any combination of images, videos, and/or price components.

  • Order Confirmation - Add a customer-facing Order Confirmation Unit (OCU) to display order details to the customer.

  • Product Pricing - Optionally associate a product with the component.

  • Tip Screen - Add a customer-facing tip screen that enables the customer to add a predefined or custom tip to the order.

9

Manage Layers

Open the Layers pane of the Content Designer and manage the content layers of the current screen.

10

Ruler

When Show Rulers is enabled from the "Hamburger" menu, a ruler is displayed along the vertical and horizontal perimeters of the screen.

11

Content Design Body

Provides a visual representation of the content. Select a component from the content to configure its respective settings.

12

Component Settings

From this pane, configure settings for the selected component.

Preview Content Design

To preview the content design:

  1. From the upper-right of the Content Designer, select Preview Content Design to see a preview in a separate browser window.

  2. From Views in the upper-left, select a view of the content design to preview.

Edit Content Design

Genius Portal4-Dot MenuDigital Menu BoardContent ManagementDesigns

To edit the properties and components of a Content Design:

  1. From the Content Designs homepage, select the square to the left of the Content Design.

    • In the Search field in the upper-right, type the name to quickly locate the Content Design from the list.

  2. From the Actions dropdown, select Edit.

  3. From the Content Designer, edit the components as needed.

  4. From the upper-left of the Content Designer, select the "hamburger" icon.

  5. From the dropdown, select Exit Content Design.

Delete Content Design

Genius Portal4-Dot MenuDigital Menu BoardContent ManagementDesigns

Nota

All Content Layout assignments must be removed first.

To delete Content Design:

  1. From the Content Designs homepage, select the square to the left of the Content Design.

    • In the Search field in the upper-right, type the name to quickly locate the Content Design from the list.

  2. From the Actions dropdown, select Remove.

  3. From the confirmation prompt, select Yes.

Duplicate Content Design

Genius Portal4-Dot MenuDigital Menu BoardContent ManagementDesigns

To copy the properties and components of a Content Design to create a new Content Design:

  1. From the Content Designs homepage, select the Content Design to duplicate.

  2. From the upper-left of the Content Designer, select the "hamburger" icon.

  3. From the dropdown, select Duplicate Content Design.

    The Content Designer opens the duplicate content in a separate browser window. "Copy" is appended to the name of the duplicate content.