Information Bar

Information Bar

Use the admin console tools to tailor the default info bar theme design and tailored design by location.

Default global theme

  1. Open Settings > Themes
  2. locate the Information Bar settings and use the Background Color, Image and Text Color fields to set your global default info bar theme
  3. Click [OK] to save your changes
Notes:
  1. Use the Disable Info Bar Fullscreen Themes checkbox to show/hide all fullscreen info bar theme options in the portal

Default location theme

Use the info bar manager to tailor the design based on the location of your workplace digital signage channel. This is handy when you have different brands or location-specific design requirements.
  1. Open Settings
  2. Select Themes 
  3. Open an existing info bar or create a new one and use the Background Color, Image and Text Color fields to the info bar theme for the selected locations
  4. Click [Save Info Bar]
Notes:
  1. The info bar padding settings are managed in Add-On Modules > Digital Signage > Settings > Screen Sizes. Use this tool to allow enough padding for any graphic parts in your background image and ensure that text does not show over the top of it.

Design Inspo

Check out our own Vibe webview channel below, the background image in the info bar is an animated gif that just rotates through 3 of our positioning statements. It's attached to this article so you can use it as a base for your own inspiration!

Should you wish to design and add your own image - like our Vibe/Inspire/Connect/Engage animated gif, follow these steps:
  1. Set the global default info bar theme in the Settings > Themes
  2. Set the location specific theme in Info Bars
  3. Set the info bar padding in Settings > Screen Sizes
    1. Landscape Screen Size needs to have enough padding to allow for the graphic part of the image - so that no content will show over the top of it. So in this instance, 450 pixels is added "right padding".

    2. The Portrait Screen Size needs to also be set with smaller padding. This allows for more content to be seen on screen.
      On a Portrait screen, the animated Gif is 'cut off', so that you cannot see it on screen. This is because, the is image is left-aligned. If you need to design for both Landscape and Portrait screens, be sure to position any detail on the left of the image, so that it appears on both Landscape and Portrait screens. You'll also need to adjust the 'Padding' in the 'Screen Sizes' accordingly.

Info Bar Display

Use this feature to set the display for the info bar within the slide layout.
  1. Inline (Information bar forces slides to resize)
    The information bar prompts slides to resize; adjust the slide height, and the total screen height will automatically update

  2. Overlay (Information bar appears over slides) 
    The info bar will be displayed on top of the current slides, eliminating the need for any slide height adjustments.


    • Related Articles

    • Getting Maximum Engagement

      To help you get the most out of Vibe and make the most of your content, here are a few tips that help you get maximum engagement. The Advantage of Dynamic Control Unlike static images and videos that can only be displayed on repeat with no way to ...

    • Create an Optimal Playlist

      When creating your playlists, it’s important to be strategic about the content you include. Take time to assess your current playlist, and archive or update older content as needed. Whether you’re starting from scratch or refining an existing ...

    • Categorise Your Content

      A Step-by-Step Guide To make the most out of your Vibe channel, it's essential to organise your content effectively. Categorising your content helps ensure it reaches the right audience at the right time, increasing engagement and aligning with your ...