Skip to content

Brand your apps and sign-in page

How-to6 minPractitioner

Branding makes the app look like it belongs to your company: your colours in the menus, your logo, and a sign-in page with your name on it.

  1. Open Account settings and choose Customization. Customize Look and Feel opens.
  2. Click a colour picker and choose the colour for each part: Side bar Background, Side bar items, Logo Background, Side menu seperator background and Side menu seperator text, Top navigation menu color, Top Navigation menu icons and Active App Text.
  3. Click Save.

Each part shows its hex value, or Default when you have not set one. Reset returns to the Beezr colours. For finer control, write styles in the Custom Script box, which takes CSS.

Customize Look and Feel with a column of colour pickers, a CSS editor, and Save and Reset buttons.
    Each picker sets one part of the app’s menus.
    Custom Script takes CSS for finer styling.
    Save applies your colours. Reset returns to the defaults.

Set your company logo on Account settings with Upload Logo.

Login white labeling is an add-on. It gives your workspace its own sign-in address and a page that carries your branding.

  1. On Customize Look and Feel, click Login White Labeling. The White Labeling Manager opens on Login Page Configuration.
  2. Read your Subdomain URL, which ends in .app.beezr.io. This is your sign-in address.
  3. Choose a Background Type: Solid Color or Image. Set the Background Color and Secondary Color, or upload a Background Image of about 1920x1080 px.
  4. Set the Signin Button Text Color.
  5. Upload your Company Logo, about 200x50 px in PNG, SVG or JPG.
  6. Type a Page Title and a Login Page Description.
  7. Click Save Changes.

Use the White labeling add-on to customize the sign-in page.

Check yourself

Where do you set the colour of the side bar?
Show the answer

Customization, under Side bar Background. Customize Look and Feel holds the colour pickers for the side bar, the top bar and the active app text.

Which background types does the login page offer?
Show the answer

Solid Color or Image. The Background Type choice is Solid Color or Image.

What's next

Last checked