Information Bar

Information Bar

Check out our pricing plan to see if you have access to make changes in Information Bar settings
Use the admin console tools to tailor the default info bar theme design and tailored design by location.

Information Bar Theme

Edit Information bar Theme

  1. Open Settings > Themes
  2. locate the Information Bar settings that you wish to edit
  3. Make the necessary changes (Background Color, Image and Text Color etc)
  4. Click [Save] to save your changes

Create a Information Bar Theme

  1. Open Settings > Themes
  2. Click [NEW INFO BAR THEME] 
  3. You can edit the attributes for the information bar in here 

Contact Vibe.fyi to make changes to the default theme settings

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.

    • Related Articles

    • 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 ...