undefined - Customising the Table Styles Used in Text Blocks - illustration 06a6cdda-2e0c-4345-a3de-6be30f5393ad

Customising Table Styles used in Text Blocks

QuoteCloud is designed to automate as much layout & presentation of sales quotes as possible. When you first start with QuoteCloud, your default setup may need some slight adjustment for it to fit your organisation style perfectly. The main controls for the look & feel of sales quotes are in the Edit Styles controller.

When using tables in the Sales Quote Editor, the presentation of the table when displayed in a sales quote is carefully controlled by QuoteCloud. This formatting control helps for a couple of reasons:

  • To prevent a Sales Consultant from creating badly presented (ugly!) tables
  • To ensure that tables are converted to PDF format properly

QuoteCloud offers a range of pre-formatted table layouts, and the default layout is selected in the Table Settings controller. When a Sales Consultant inserts a table, this will be the table format unless the Sales Consultant overrides the default in the  Table Properties function of the Sales Quote Editor. The default settings can also be configured directly in the Sales Quote Editor.

To edit the style of the table, lick on More ... in the right menu to bring up further options.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration 697961aa-8ccf-49f3-91ea-25f0bdf26412

Then click on Page Settings.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration e47c252e-e8ad-47b1-a2b3-6f935d9032bb

Scroll down to the Table Settings section.

From here you will see a choice of six pre-formatted table layouts. To adjust the table style you can select from one of these six default tables or you can customise these styles to meet your specific needs.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration 06556154-015d-41d6-b225-a66ce68f12b2

To edit one of the Table Styles, click on the Grid Icon to the right of the table to bring up further options. Click on the Pen Icon as shown below for the edit controls.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration 67f75b58-ae4b-4f67-b83c-136341c7eeb2

From here, you are able to adjust the following settings:

  • Border Colour
  • Header Text Colour
  • Header Background Colour
  • First Column Text Colour
  • First Column Background Colour
  • Enable Alternating Row Background Colour
  • Enable Alternating Column Background Colour
QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration 64e9fd08-2e87-4b5c-a922-0cc110551b78

To change the colour, click on the circle next to the relevant option and choose the colour from the colour picker or enter a HEX / RGB code.

Click Choose to save,

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration a4c7a2cc-a955-42c3-8ede-2462239c1762

When the toggle for Alternating Row Background Colour has been switched, it will show as green, letting you know it is enabled. This is often a handy tool to help differentiate / break up the lines in tables.

Two further options will show when enabled:

  • Row Background Colour
  • Alternating Row Background Colour

As shown below, Row Background Colour has been set to light grey. Alternating Row Background Colour has been set to dark grey. 

In the example below, the following settings have been adjusted:

  • Border Colour: Dark Blue
  • Header Background Colour: Light Blue
  • Row Background Colour: Light Grey
  • Alternating Row Background Colour: Dark Grey
  • No other colours have been changed so the colour circle shows a 'transparent grid' pattern.
QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration 4569ce56-c877-4a41-9530-fdbc96321273

If you decide you no longer need to keep the adjusted colour settings, simply click on the Undo Arrow Icon to revert the table style back to the default settings.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Customising the Table Styles Used in Text Blocks - illustration 2c90dc09-bf03-4332-92cf-592514c2cde6

Related User Guide Topics