Skip to main content

Branding

The branding tools offer you the ability to tailor the apperance of your A8Flow environment, thereby aligning its visual elements to match with your established brand.

General

Branding

Under the General section, you can change your "Organisation Name", and "Brand Icons" such as your "Logo", "Fav Icon", and "Banner Image" (displayed at the Login screen).

Note

To change any of these, click on the EDIT button at the top-right of the screen.

Theme

Branding

The Theme section allows you to change the layout colors "Primary Color" & "Secondary Color", and the font used throughout your Flow enviornment with "Font Family".

Pages

Login

Branding

"Logo Alignment" - Changes the alignment of your brand logo to "Left", "Center", or "Right".

"Login Layout" - Choose between the different available layout options.

Branding

"Preview of the Login Screen" - Displays a Preview of your Login screen to reflect the changes that you make.


Task

Let's you customize the Tasks Screen and the Forms.

Branding

  • Start by clicking on the EDIT button at the top-right of the page.

Task Screen

The customization options for the "Task" Screen. They are grouped under three sections:

Branding

PropertyDescriptionExample
BackgroundLet's you change the Background Color or have an Image (URL).Branding
FilterLet's you change the Background Color or Image (URL) of the "Filters" section, and its Label Color.Branding
Task CardLet's you change the Task Cards' Background Color or Image (URL), Border details, Label and Value Colors, the Badge Color and its Label Color.Branding
Branding

Forms

The customization options for the "Forms" Page. They too are grouped under three sections:

Branding

PropertyDescriptionExample
HeaderLet's you change the Form Header's Background Color or Image (URL), and the Text Color.Branding
Details TabLet's you change the Details Tab's Background Color and Text Color.Branding
ContentLet's you change the Background Color or have an Image (URL) for the Form's Content Section.Branding

NOTE: Once you are done customizing, ensure to click on SAVE before navigating to any other screen.