How to Edit a Player's Page in AD+Sign Pro

AD+Sign Pro

Creating Content

Find the Player you wish to create content for, click it to navigate to its Preview page. Click the Edit Page button to navigate to the Canvas.

Canvas

Application screenshot showing a blank white canvas with a properties panel on the right
AD+Sign Canvas - where you create your content

In the top-left corner of the page are the navigation options for navigating to other pages within the application.

The majority of the screen is the canvas view, where you can zoom and pan around the canvas to view your content.

On the bottom of the screen is the Elements Panel, where you can add Elements to the Page.

The right portion of the screen is the Properties Panel. This is where options for individual elements will be configured.

Editing Page Properties

Editing a Page's Properties

With no Elements selected, Properties Panel will show details of the Canvas Page. Here you can click 'Edit Properties' to edit the Canvas Page.

This will open a modal with inputs for Resolution, Background Colour and Text Colour. You can choose a Resolution Preset from a list of common page resolutions, or use the 'Custom Resolution' option to define your own.

To apply these changes to your Page, click Apply

Using Page Templates

When your Page is empty you can apply a Page Template to it.

Check out this page for more details: How to use Page Templates

Adding a Element

Adding a Clock Element to a Page

To add a Element to the Page, click the icon button in the Elements Panel. You can add a Media Library to the Page using the photograph icon . The Element will be added to the Page and shall appear in the Canvas.

Selecting Elements

You can select a Element by clicking on it, either on the canvas or in the Elements portion of the Properties Panel. It will highlight with an orange outline when selected.

Moving Elements

Elements can be moved by clicking and dragging it into position on the canvas. Alternatively, you can use the X and Y coordinates in the Element Properties when the Element is selected. Here you can type the pixel coordinates of where you'd like to place the Element.

A Element's X and Y coordinates refer to the top-left corner of the Element's bounding box.

Resizing Elements

Elements can be resized using the W and H values in the Elements Properties when the Element is selected. These values refer to the Width and Height of a Element in pixels.

Remove Elements

Removing a Element from a Page

Remove a element by finding it in the Elements portion of the Properties Panel and clicking the button.

Applying Changes

To ensure that your changes are applied to the Page, click Save Changes . Your changes will be reflected immediately in the Page Preview.

  • If you are editing a Player Page and the Player is online, you will have the option to Save and Refresh Player
  • This will save your changes and refresh the Player's content to reflect the changes you have made