Adding a Background Colour to Rows and Columns


A feature of rows and columns in the Sales Quote Editor is to set a solid background colour or image behind content contained in a row or column.  This user guide topic covers the background colour feature of rows and columns.

Add a background colour to a row.

In the Sales Quote Editor, insert a text block (as shown below); this will automatically create a row containing one column that contains the text block.

Now hover over the text block to display the Row and Column toolbars (as shown below).  

Click on the cogs icon as highlighted in the screenshot below.

After you click on the cogs icon, you will see a popup window appear (as shown below).

Click on the Background tab.

Click on the drop-down field Background Style, and choose the value Single Colour.

You will now see a colour selector tool appear; this tool will let you choose the colour you want to set as your background colour.

You can now choose to click on the colour palette to select a colour or type (cut & paste if preferred) the hexadecimal (Hex) colour reference in the input field (as shown below the example of #1d1d1d).

Hex is a 6-digit, 24 bit, hexadecimal number that represents Red, Green, and Blue. An example of a Hex colour representation is #12345612 is Red, 34 is Green, and 56 is Blue. There are 16 million possible colours.

After selecting your Hex Colour value, click on the Choose button to set this colour.

Finally, click on the Save button to save and close the popup window.

As shown in our example above, you will see the row's background set to the colour you have selected.

Add a background colour to a column.

Setting the background colour for a column is the same process as described above for a row.  However, you need to select the cogs icon from the column toolbar, as shown below.

Click on the Background tab, and then follow the same procedure as described above for setting the background colour of a row.

Related User Guide Topics

Moving Content Blocks (Drag & Drop)
10 Mar 2021
As you insert content blocks, i.e. text, images, videos, forms, spreadsheets, embedded PDF's, you may want to rearrange the position of these content blocks
Hide Content on a Sales Quote
11 Aug 2020
You may on occassion wish to create content in the Sales Quote Editor that does not appear when your customer views the sales quote.  For example, you may create a spreadsheet to perform calculations that should not show in the document that your customer reads; or you might create a block of text that is for your internal use, perhaps notes, instuctions or assumptions for your own use.  In this user guide topic, you can learn how to hide content in a sales quote.
Margins, Padding and Borders for content blocks
14 Mar 2020
If you are going to setup complex content layouts, it is important to understand how margin and padding work, and why you would use them.Padding and margins are very similar, and it can be difficult to know which one you should use. The basic purpose of both is to change the amount of space between elements on the page, and change their positions by creating or minimising whitespace.
Add background images to Rows and Columns
5 Mar 2020
A feature of rows and columns in the Sales Quote Editor is the ability to set a background image behind content contained in a row or column.  This user guide topic covers how to add a background image in a row and column.

Getting Started

QuoteCloud 2013-2021 Copyright all rights reserved