xWe use cookies to help us provide you with a better website. To find out more, please read our cookie policy.

Support- Designer- Create a Page

digitalsignage banner

A Page can be used to provide a multi-zone layout for use with a Playlist (s) or as part of a multi page Collection.

For example; you may wish to have a page that shows not only your information or advertising, but with zoned areas showing news and social media. The page designer allows you to do this.

Creating a Page

1. Choose the Designer by clicking on the left hand button, Designer

2. Click thedigitalsignage.NET Add button  button

3. Untick the Collections box

4. You should now see the page setup box

digitalsignage.net Add Page box

 

5. Choose the Orientation of your screen. Landscape or Portrait.

6. Select the dimension (resolution) of your screen. Most modern screen are HD and have a resolution of 1920 x 1080 for landscape and 1080 x 1920 for portrait. If your screen resolution is not displayed in the dropdown you can always add your own. To do this click on the + button to the right of the dimension box.

digitalsignage.NET Set resolution

 

Enter the Width and Height page dimensions and click Add. You new page will then appear in you list for future use.

7. Select a background. Backgrounds can be an image or video, selected from the media store. Tp add an image or video, first click the button next to the words image or video and then click the select button. A window will open displaying media that you have added in the Media Store. Choose the background and the window will close. The image or video is then added as a background for your page.

Should you wish to choose a colour, this can be chosen from the colour picker. Choose using the slider and clicking in the colour area to select. Alternatively if you know the exact colour code you can manually type this in the colour picker box. For example you can manually enter #00000 for black.

digitalsignage.net Add background colour

 

Once complete, click the Save button and the blank page with your chosen background will be displayed

digitalsignage.net Page

 

Now lets add some Zones

8. Adding a zone asset to you page is simple. Choose from the list of assets and drag the asset onto your page canvas.

digitalsignage.net Asset

 

Please note; Ensure that you add the Channel Content asset to page first. This is where any content that you choose to play in a Channel will play in this zone

9. Dragging an Asset onto the canvas will require some additional actions to be performed. The action will depend on the Asset selected.

Image- user will be asked to select an image from the media store

Video– user will be asked to select a video from the media store

Widget– user will have the option to choose from a range of widgets, for example, RSS feed, weather, YouTube.

digitalsignage.NET Add media widgets

 

Additional configuration of a widget is required to customise the widget to the users design preferences. In example below a 3 day weather widget is selected and parameter associated with the widget appear on the right.

digitalsignage.net Widgets

 

Complete the configuration and then click Add. The configured widget is added to your page.

Continue to build up your page until you are satisfied . See example below

digitalsignage.net Page complete

 

Once completed click the  digitalsignage.net Save pagebutton

Previewing your page- your newly created page can be previewed allowing you to see a representation of what the actual page will look like once it is shown on your display.

To preview your page, first select your page in the list of pages and collections

digitalsignage.net designer Select page

 

10. Once selected click on the eye icon digitalsignage.net Eye icon

You will be asked to “Attach a Channel (s) for the purpose of previewing only. Select a Channel

digitalsignage.NET Attached channel

Once you have selected a Channel the preview will open. Example page is below.

digitalsignage.NET Page Preview

 

Your page is now ready to be assigned to a Playlist.

 

Can’t find what you are looking for?

Just drop us an email

support@digitalsignage.net