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.


    • Announcements

    • Template Updates Now Live

      We’ve rolled out a fresh batch of template enhancements to make designing even smoother: 🖼️ Improved Video Upload Naming The Multi (Video–Weather–Content) template now supports a clearer naming convention for landscape video file uploads. 📱 QR Code

    • SharePoint API Updates

      We’ve made some key improvements behind the scenes to keep your SharePoint integrations running smoothly: ✅ Renamed the "Azure API" module to "SharePoint API" – clearer name, same purpose! 🛠️ Fixed a Cloudflare error that appeared when adding a new SharePoint

    • Template Tour Videos

      We’re excited to introduce videos when you - 'Create New Slide' - to help you explore our templates like never before! Hover over a template to preview its animations and design features. Click the button for a full walkthrough of completed Template Tours.

    • Maximise Communication with Vibe’s Enhanced Desktop Player

      Manage Screensavers, Lock Screens, and Background Wallpaper across your organisation for seamless, subtle communication that reinforces key messages without disrupting workflow. <br> Talk to the Vibe team to discuss activating these