How to display your Board

In this article, we will cover:

• What we recommend to display your Board
• How to display your Board through the Editor
• How to preview a Website Embed personalization? 
• How to put a Board in full-screen mode
  • With a Parameter
  • For Mac
  • For Windows (PC)
• How to remove the Click to enable full-screen button

To display your Board, you’ll need a display screen and an internet-connected device that is connected to your display screen. The most simple and effective setup is a laptop computer that is connected to the internet (preferably hard-wired by ethernet), which has a secondary screen connected via an HDMI cable or displaying it via a Chromecast. Click here on how to display your Board on your Chromecast.

What we recommend to display your Board 

• A hard-wired internet connection will always be more stable than wifi. Whenever possible, use a hard-wired internet connection for the device you’ll be using to connect to your display screen.
• We recommend a minimum of 5Mb/s download speed on your internet connection.
• Make sure that you have at least 20 public posts on your Board before displaying it. Having less content on your Board when you display it will likely result in performance issues and blank space.
• Use an up-to-date web browser to display your Board. The Board relies on modern HTML5 and CSS features to be displayed correctly.  Proprietary web browsers, like those that are built into Smart TVs, likely won’t render a Board well as they are not updated very often, unlike your standard web browser.
  • Compatible version of web browsers:
    • • Edge: 84+
      • Firefox: 78+
      • Safari 14+
      • Chrome 72+

How to display your Board through the Editor

You can display directly through the Editor by clicking "Display" on the bottom left-hand side of the page:

1. Select or search for your personalization on the right-hand side panel.  Different personalizations will give you different options. The display options are
         * Signage
   If it’s an old personalization before hyper-personalization, then it will ask you to choose Website Embed or Signage Display as in the picture below.  For displaying your Board, choose Signage Display.
   
2. Then click next
3. Here, it will give you three options: Standard Connection, Chromecast, and TINTmix.

• Pick Standard Connection for the URL version of your board, follow the instructions, and click Open In New Tab
• Pick Chromecast if you want it directly beamed to your Chromecast, follow the instructions, and click on Open In New Tab  
• Pick TINTmix if you want to create a TINTmix with this Board. Do this, click on Create TINTmix.

For the Standard Connection option, your Board will be displayed in a new browser tab. The URL you see is a static, public URL for your Board, so feel free to save it for easy recall later. It will look something like this:

https://www.tintup.com/t/my_event_tint?personalization_id=830628&fullscreen=true 

If you’re displaying to a secondary screen using an HDMI cord, simply drag the Board to the other screen, and select "Click to enable full screen":

Your Board will be displayed in a new browser tab. The URL you see is a static, public URL for your Board, so feel free to save it for easy recall later. It will look something like this:

https://www.tintup.com/t/my_event_tint?personalization_id=830628&fullscreen=true

If you’re displaying to a secondary screen using an HDMI cord, simply drag the Board to the other screen, and select "Click to enable full screen".

How to preview a Website Embed personalization? 

If you want to preview how your Board looks when you have a Website Embed Personalization, do the following:

1. Select or search for your personalization on the right-hand side panel and select your Website Embed personalization.  These Website Embed personalizations are

• Website Embed
• Mobile App
• Live Event
• Shoppable Instagram

2. Click Next
3. Fill in General and Advanced Filters to style how you want your Board to look
4. Click open the Embed code option and click on Open in New Tab

The link will look something like this depending on which options you pick in General and the Advanced Filters.

https://www.tintup.com/app/tints/article_board/preview?id=article_board&personalization_id=1084650&expand=true&infinitescroll=true 

How to put a Board in full-screen mode

With a Parameter:

Normally when you preview your signage link from the Board, it will already have the following parameter in the link &fullscreen=true which enables a button, CLICK TO ENABLE FULL SCREEN

For Mac:

Google Chrome, Safari, and Firefox:

• Press Control + Command + F to toggle full-screen mode.
• Or click the green circle in the upper-left corner of the window.

For Windows (PC):

Google Chrome, Firefox, Edge:

• Press F11 to toggle full-screen mode.
• Alternatively, click the three dots or lines in the upper-right corner of the browser, and choose "Full screen" or look for a full-screen icon.

These shortcuts will expand your window to full screen, hiding the toolbar and other elements to maximize the viewing space. To exit full screen, use the same key combination again or hover your mouse at the top of the screen to reveal the toolbar and click the full-screen icon.

How to remove the Click to enable full-screen button

If you’re using your own digital signage software, and can’t remove the Click to enable full-screen button, you can remove the button by deleting the last URL parameter at the end of your Board’s public URL (&fullscreen=true). Your Board’s URL would then look something like this:

https://www.tintup.com/t/my_event_tint?personalization_id=830628

If you’re wondering how your Board may look at your event, make sure to click here to view a few examples. 

If you have any questions or concerns regarding displaying your Board, please don’t hesitate to contact Technical Support at support-advocacy@trueloyal.com.