Managing Forms Branding

Plan: Not Available: Intermediate, Pro Available: Elite

Users: Not Available: All users, User Group Permissions Available:FYI Admins

Practice Management Source: Not Available: APS, Iris, MYOB AE & AO, CCH, MYOB Practice Management (formerly GreatSoft) Available: FYI or Xero Practice Manager

Forms Branding allows practices to define their primary colour for branding when creating forms.

Once the Forms feature has been enabled by an FYI Admin, practices can update their branding from Practice Settings. To enable Forms, refer to Managing Practice Settings for Forms.

Note: The Branding settings are specific to Forms and do not affect other documents in FYI.

Forms Branding Overview

Forms Branding allows practices to personalise their forms. When forms is enabled, all forms and form templates will default to the Default Primary Brand Colour. 

When an FYI Admin updates the Primary Brand Colour, the colour will be applied to the following forms:

  • All active forms, including General Forms and Submitted Client Forms.
  • All new Client, Internal and General Forms.
  • All existing and new Form Templates.
  • When new Forms are converted to PDF.

Default Form Brand Colours

The following table describes the form fields, their default form colour and how each element in a form applies the Primary Brand Colour.

Form Field Default Primary Brand Colour  Details
  • Panel Background
  • Table Background
  • Wizard Page Selector Background
Dark Blue
Hex code: #284664
When the Primary Branding Colour is updated, this will update the colour of these form fields. Refer to Updating the Primary Brand Colour.
Notes/Help Editor Dark Grey
Hex code: #495057

The text in the Notes/Help Editor is not impacted by the Primary Branding Colour. 

The Notes/Help Editor field text can be updated to any colour, from the Component Window. Refer to Creating Templates for Forms.

Panel heading text White
Hex code: #ffffff
This colour cannot be changed.
All other text Dark Grey
Hex code: #495057
This colour cannot be changed.

Displaying the Primary Branding Colour

When Forms is enabled, all sample and new forms will use the Default Form Branding Colour. To display your practice's Primary Branding Colour:

  1. From FYI, click Settings > Practice Settings.
     
  2. Select Practice settings, and from the drop-down select Forms.
    4576_Practice_Settings_Forms.gif
  3. The Forms setting page will be displayed. Click the Branding tab.
    4700_Forms_Branding_Settings_Default.gif
  4. The Primary Brand Colour will be displayed, with an example of the colour swatch and the corresponding hexadecimal colour code.
    Note: The default Brand Colour is Dark Blue (#284664). If you have updated your Primary Brand Colour, this will display.

Updating the Primary Brand Colour

There are two ways that the Primary Brand Colour can be updated:

  • Hexadecimal Colour Code: for practices that know their hex code, this can be entered.
  • Colour Picker Window: allows practices to determine their primary colour visually or enter the RGB code.
Hexadecimal Colour Code

To update your Primary Brand Colour using a hexadecimal colour code:

  1. From the Branding tab, enter your primary colour's hexadecimal code.
    4701_Forms_Branding_Settings_Updated_Green.gif
  2. Click Apply
  3. A Message will display to confirm the changes. Click Yes to apply the changes to all forms. Click No to return to the Branding settings.
    4702_Forms_Branding_Apply_Confirmation_Message.gif
  4. A confirmation message will display to confirm that the brand colour has been updated successfully.
    4703_Forms_Branding_Update_Success_Message.gif

Once applied, all active forms, including submitted forms, will be updated with the Primary Brand colour. Any form templates, new and existing, will also be updated.

Colour Picker Window

If you don't know your primary colour hexadecimal code, you can update your primary brand colour from the Colour Picker Window.

  1. From the Branding tab, click the colour swatch. 
    4704_Forms_Branding_Click_Colour_Icon.gif
  2. The Colour Picker Window will open. 
    4705_Forms_Branding_Colour_Picker_Window_Default.gif
  3. From the window, select a colour using one of these options:
    • Type in the corresponding RGB (Red, Green, Blue) values, 
    • Move your cursor around to find the colour. When you move the cursor, the picker updates and displays an example of the colour, along with the RGB code, or
    • Click the chevron icon to change between RGB, HSL (Hue, Saturation, Lightness) or Hex values. Enter the corresponding code, where required.

      In the following example, the chevron has been clicked to display the HSL values.
      4706_Forms_Branding_Chevron_option.gif
  4. Click Apply
  5. A Message will display to confirm the changes. Click Yes to apply the changes to all forms. Click No to return to the Branding settings.
    4702_Forms_Branding_Apply_Confirmation_Message.gif
  6. A confirmation message will display to confirm the brand colour has been updated successfully.
    4703_Forms_Branding_Update_Success_Message.gif

Once applied, all active forms, including submitted forms, will be updated with the Primary Brand colour. Any form templates, new and existing, will also be updated.

Resetting to the Default Brand Colour

Once you have set your Primary Brand Colour, you can reset this at any time, to the Default Brand Colour.

  1. Navigate to Forms Settings> Branding tab.
  2. Select Reset.
    4707_Forms_Branding_Reset_Button.gif
  3. A confirmation message will display, confirming that the brand colour will be reset to the default brand colour. 
    4708_Forms_Branding_reset_default_Colour_message.gif
  4. Click Yes to reset all forms to the default colour. Click No to return to the Branding settings.
  5. A confirmation message will display to confirm the brand colour has been updated successfully.
    4720_Forms_Branding_Reset_Default_Colour_success_message.gif

Examples of Branding Colour Changes

The following example shows the Update Client Form (Sample) with the Default Primary Colours, and when the Default Primary Brand Colour has been updated to Green.

Default Brand Colour Updated Brand Colour

4709_Client_Form_Default_Blue.gif

Was this article helpful?
2 out of 2 found this helpful

Stay Up-To-Date

  • Events

    We host a range of product demos, training webinars, workshops and more.

  • Service Status

    Check for updates on the FYI Platform

  • What's New

    Round-up of new features, fixes, and other important announcements.