Administrator

How do I customize my domain's brand, styles, and themes?

Follow
Ryan Richins
  • Agilix team member

During the summer of 2017, we released a new Buzz UI, giving you the same features and functionality with a cleaner, simpler user experience!

Until all users have switched to the new UI, our Help Center articles will include information for both. 

Click the header below that aligns with the Buzz UI version you are using (Old UI or New UI); if you don't know which version you are using, review the differences and/or contact your system admin or Agilix account manager.

Old UI

Easily customize your domain's look and feel.

Open Settings in the Domain toolbar.

Select Styles & Themes.

From here you can control a lot:

  • Styles: Click Add to upload Cascade Style Sheets (CSS) to overwrite existing app styles. Buzz loads default styles first, followed by each file in order. Buzz supports the overridable CSS classes listed in this table.
  • Theme: Buzz allows you to customize its look and feel to match your organizations brand. From this screen, you can control the following theme components:
    • Icon: Upload the image to use for the application favicon.
      • Required file type: PNG
      • Ideal size: 42x42
    • Touch Icon: Upload the image to use when a user saves their Buzz website to their homescreen. This only applies to Apple iOS devices.
      • Required file type: PNG
      • Ideal size: 192x192
    • Logo: Upload the image to use for the application logo.
      • Required file type: PNG or JPG
      • Ideal size: 72x72
    • Login Logo: Upload the image to use for the sign-in screen. If not specified, uses the logo image.
      • Required file type: PNG or JPG
      • Ideal size: 256x256
    • Background: Upload the background image to use for the default theme and sign-in screen. The default is a color that matches the theme color.
      • Recommended file type: JPG
      • Ideal size: 1600x1200
    • Thumbnail: Upload the thumbnail background image to use for the default theme.
      • Recommended file type: JPG
      • Ideal size: 150x112
    • Menu Logo: Upload the logo displayed in the Main Menu when expanded.
      • Recommended file type: PNG
      • Ideal size: 260x56
    • Menu Icon: If you'd like to change your Main Menu Icon, choose from the Font Awesome icon library. Prefix Font Awesome icon names with fa-. The default value is fa-bars.
    • Theme: Choose the app's default theme color from the dropdown.
    • Limit Themes: If you want to limit the theme color choices, enter the colors that you want to allow as options in this field. Separate colors with commas.
    • Login Page: Indicate whether you want to use a file or URL for a custom login page background image. Upload the file or provide the URL.
    • Add Background: Click this to provide users with alternative background options. Be aware that if you add any backgrounds, you must use the Add Background feature to add and specify all backgrounds that you want available to users, including Buzz's built-in backgrounds. To add a background, you are asked to provide a Title and choose or upload:
      • The full-screen background in the first field
        • Recommended file type: JPG
        • Ideal size: 1600x1200
      • The background's thumbnail in the second field.
        • Recommended file type: JPG
        • Ideal size: 150x112

Notes

  • Domain configuration is inherited by all subdomains unless explicitly overwritten by a subdomain.
  • For better display on high-density screen, store any image with a resolution two times the rendered size. For better performance, store large images as compressed JPG files.
New UI

Easily customize your domain's look and feel.

 

  1. Open the side menu in Domain > Details.  
  2. Select Edit Settings.
  1. Select Themes.
  1. From here, Buzz allows you to customize its look and feel to match your organizations brand. From this screen, you can control the following theme components:
    • Icon: Upload the image to use for the application favicon.
      • Required file type: PNG
      • Ideal size: 42x42
    • Touch Icon: Upload the image to use when a user saves their Buzz website to their homescreen. This only applies to Apple iOS devices.
      • Required file type: PNG
      • Ideal size: 192x192
    • Logo: Upload the image to use for the application logo.
      • Required file type: PNG or JPG
      • Ideal size: 72x72
    • Login Logo: Upload the image to use for the sign-in screen. If not specified, uses the logo image.
      • Required file type: PNG or JPG
      • Ideal size: 256x256
    • Menu Logo: Upload the logo displayed in the Main Menu when expanded.
      • Recommended file type: PNG
      • Ideal size: 260x56
    • Menu Icon: If you'd like to change your Main Menu Icon, choose from the Font Awesome icon library. Prefix Font Awesome icon names with fa-. The default value is fa-bars.
    • Theme: Choose the app's default theme color from the dropdown.
    • Limit Themes: If you want to limit the theme color choices, enter the colors that you want to allow as options in this field. Separate colors with commas.
    • Login Page: Indicate whether you want to use a file or URL for a custom login page background image. Upload the file or provide the URL.

Notes

  • Domain configuration is inherited by all subdomains unless explicitly overwritten by a subdomain.
  • For better display on high-density screen, store any image with a resolution two times the rendered size. For better performance, store large images as compressed JPG files.

Comments

Please sign in to leave a comment.