Skip to main content
How to Create a Digital Screen
Dan Macarie avatar
Written by Dan Macarie
Updated over 3 weeks ago

This is a fantastic way to display content at a live conference or event. Event screens are designed for the fast-paced display of content during a live event. The screens are designed for viewing not for online interactions.

Instructions: Click on Engage > Screens, and choose a template to best suit your needs. Once chosen select Create New Event

The below information will explain the available features (template-specific) for each event screen.

Settings

Information

  1. Activate Event: By default, your Event will be set to Active to ensure that you can use it straight away. If you do not wish for this to be the case, un-select the option.

  2. Name: enter in the event.

  3. Filter: Select your desired Filter to ensure your desired content appears.

Transition

  1. Number of Tiles in Loop: this option allows you to select the number of items (image, text, or video) you wish for the Event Screen to rotate between. For example, if your Event Screen does not contain a high amount of content you may wish to choose 15. Alternatively, if you have a high amount of content to display, select 100 tiles.

  2. Transition Duration (Scrollwall & Carousel only): select how quickly you would like the content to slide across the Event Screen.

  3. Transition After (Carousel only): set the waiting period to the next slide.

  4. Spotlight tile (Carousel only): activate this option to highlight the text.

  5. Transition Effect (Carousel only): choose to Slide/Fade the animation speed (in milliseconds).

  6. Transition Duration (Mosaic only): determine how long you would like each Mosaic screen to appear at one time.

  7. New Content Transition (Waterfall only): Choose between All at Once or Stagger.

Media

  1. Allow Video Autoplay: use this option to determine whether videos should automatically start playing once they appear on the screen.

  2. Allow Video Sound (Carousel only): choose to turn the sound of videos on or off.

Other

  1. Image Quality Control: By default, this feature is inactive. However, when selected, any images with low quality won't be shown on your event screen. You can also specify the minimum size.

Appearance

Template

  1. Background Colour: Select the color of the background for the event screen. This can be selected manually, through the HEX number or the RGB code.

  2. Background Image: Alternatively, to the above, upload a default image to appear in the background of the Event Screen. Max image size 1M, allow extension .jpg .png .gif.

  3. Gutter Width (Carousel only): determine the space between columns.

  4. Number of Rows (Scrollwall only): Select the amount of rows that should be displayed on the Event Screen. By default, three rows will appear.

  5. Number of Columns: Select how many columns you wish to display at one time on the screen.

  6. Tile Margin (Scrollwall only): Determine the amount of padding (spacing) between each tile.

Tile

  1. Avatar Shape (Scrollwall & Waterfall only): Select between a circle or square shape.

  2. URL Display: Select to hide, and display the original or shortened versions of the post's URL location.

  3. Tile Style (Carousel Only): Choose between blocks or less is more.

  4. Layout (Carousel Only): Choose the design and layout of text and image-based content.

  5. Display UGC Text on Images (Mosaic only): choose Yes or No to include the comment of each post on the Event Screen.

Banner (Waterfall, Carousel, & Scrollwall only)

Style

  1. Banner On/Off: Specify if you would like to display a banner at the top of the Event Screen

  2. Background Colour: Select the color of the background for the event screen. This can be selected manually, through the HEX number or the RGB code.

  3. Background Image: Alternatively, to the above, upload a default image to appear in the background of the Event Screen. Max image size 1M, allow extension .jpg .png .gif

Content

  1. Title font color: Select the color of the font for the text displayed on the header. This can be selected manually, through the HEX number or the RGB code.

  2. Subtitle: Use this section to display additional information in the header. For example, specify the hashtag that you wish for fans to use during your Event.

Custom Code

Use this section to add additional Custom CSS or Javascript to the Event Screen. For additional details on how to style your digital screen click here.

View Event URL

This section will provide you with the live Event Screen URL. Use this link to display the Event Screen in a live format.

For best results use Google Chrome in Full Screen mode (on Windows press F11, on Mac press ⌘-Shift-F). Check out our Digital Screens - Best Practices!

Click here for more information on technical-based requirements.

For any further questions or queries, please send an email to support@nosto.com and our support team will get back to you.

Did this answer your question?