Spacer – Free Google Add-On That Spaces Row by Column Category

What is Spacer?

Spacer is a Free Google Add-On that creates row spaces by column categories.

I use it as an academic administrator to create a space or two at the end of each class section to create a visual break between sections. This makes it easier for my staff to quickly identify class sections.

You can find Spacer at the Google Chrome Webstore.

Chrome Web Store Badge

What can Spacer do?

Spacer can:

  • Automatically detect the width of your columns.
  • Allow you to select a column with the categories you want to use to space your data.
  • Set the height of your header – so that is not spaced too.
  • Set the thickness of your spaces.
  • Set the color of your spaces
  • Set starting and end position of your color filler.

How to use Spacer

After Installation

Before You Start:

  1. Before you start, create a Google Sheet with the data in it you want to space.
  2. Select All the data.
  3. Go to the menu bar and select: Data>Sort Range...   and select the column you want to sort by. This will be the column you will use to space your data by the categories in that column.
Running Spacer:
  1. In a Google Sheet, select the Add-Ons menu.
    Google Sheets Add Addon
  2. Select: Spacer>Create SpacesOpen Spacer for Google Sheets
  3. sidebar will appear to the right.
    spacer sidebar for Google Sheets
  4. Choose the column you want to use to Space your data.
  5. Choose how high your header is.
  6. Chose how thick or deep your want your header to be.
  7. If you want a color, select a color that you want to add to your spaces.
  8. Select where you want to start the color and end the color.
  9. Click: Submit
  10. If you are not happy with the color, space, color width or made a mistake, simply click: UNDO
Troubleshooting

I keep getting the following popup:

troubleshooting Spacer

This is because the starting value of your Color Width is greater than your End value:

Spacer RightSpacer Wrong

An Example

I have a list of people with their favorite color and fruit. Let’s say I want to sort the Google Sheet by favorite color (Fav Color) and put a space at the end of each color category to make it easier to read.

My data looks like this:

Favorite Data Example

To space this data we must do the following:

  1. Select all the data: ctrl+shift + a
    Select Data
  2. Sort the data by column B. Select: Data> Sort range
    sort data select range
  3. Click the: Data has a header row  tick box. Select the column: Fav Color. Then click the Sort button.
    Sort Range by column
  4. Your data is now sorted by favorite color:
    sorted by fav color
  5. Time to use the Spacer. Select: Add-ons > Spacer > Create spaces
    execute spacer
  6. Spacer will open at Sidebar on the right:
    spacer sidebar for Google Sheets
  7. We want to space our data by Fav Color which is column B. For Column, select: B
    Spacer Select Column
  8. We have a single Row Header so we can leave the header selection at 1:  Spacer header height
  9. We want to give our spaces a thickness of 2 rows:
    Spacer Thickness
  10. Next, we choose a color. Let’s choose purple. A color picker will pop up (the picker may vary depending on your system) select the color and click: OK:                             Spacer color
  11. This is the result:
    Spacer color result
  12. Now choose where to start and finish the color fill for the space. I’ll start it at column A and end it at column E.
    Spacer start and finish color
  13. Finally click Submit:
  14. This will be the result:
    Spacer result

 

Privacy Policy | Terms of Use

Can I modify Google Sheets with code?

Google Apps Script and the Google Suite

You sure can. Google has a fully supported script editor that you integrate with your Sheets, Docs, Forms, Slide, Gmail, Calendar and pretty much every aspect of the Google Suite. It’s name: Google Apps Script.

Google Apps Script allows you to do all sorts of things like building short code to modify sheets and docs, create macros, develop add-ons mess around with gmail and so much more.

Google Apps Scripts is based on Javascript. It can integrate with HTML5, CSS and Javascript well with it’s html service class.

Google has an extensive reference library to get you started.

Let’s get started with a basic example.

Dawh…Your first Google Script

In our first script we are going to create a menu button that will execute an alert that will pop up on the screen and say something awesome. This is definitely not a Hello World example…definitely…maybe.

On the menu bar click >Tools>Script editor…

script editor Google

This will open a new page with Googles in-build script editor.

script editor Google open

Lets take a quick look at the UI.

Up top, you can see that it says Untitled Project. All Googles Script files are wrapped in a project and are given an identifier. This enables you to share the script with other files or other people for that matter.

On the left, you can seen a list of files. Now we only have one Code.gs. the gs stands for Google Script. You can add other files like *.html, *.css or *.js

To the right is the script editor. This is where you will be writing your program.

1. Title your project

Go ahead and title your project in the top box where it says: Untitled Project. I’m going to name mine the same as my spreadsheet: Not Hello World.Google Script Editor Name Project

I’ll keep the Google Script file name the same and get stuck into the code.

2.  Creating a Custom Menu

We are going to customise our menu by adding a button to run our script on the right hand side of the Help menu drop down.

You can also create drop-down lists and child drop-down lists too. Check out Google’s Custom Menu page for instructions.

Before we start the code, let’s delete what is already there. Then add the following:

Let me explain what is going on here.

Line:

  1. Creates the the function onOpen() . This is just a self explanatory name to help us remember what this function does. It won’t actually do anything unless we ask it to inside the function.
  2. Sets an easy-to-use variable we called, ui (for User Interface), and calls the Google spreadsheetApp and asked it to get the UI for us to work with.
  3. We then use that variable ui to create a menu that we have called ‘OMG!’
  4. Adding to this menu we are creating we want to add a item (.addItem) that we have titled, ‘This is...‘ that we will click and it with run and alert in another function we will create soon called ‘alertMaker‘.
  5. Finally, we want Google to add our menu to the User Interface on our spreadsheet.

When you are ready, hit <ctrl>+<s> to save or go to <File> and click <Save> in the Script Editor. Now click the browser tab with your spreadsheet in it and click refresh.

If all went well, you should have a shiny new menu item on the right hand side of your help button.

It will look like this:

Google Script Editor Menu

If you click the “This is…” link it will cause an error because we haven’t created the class yet. Let’s do this now…

3. Making something happen when you Click the Custom Menu Item

Let’s keep it simple, add the following to your code:

Here we have created an alert. When you cilck the ‘This is…’ link.

In line:

  1. We create the function alertMaker() that we referenced back in line 4.
  2. We ask Google to call the spreadsheet again, specifically requesting the User Interface. We then ask it to bring up an alert with the word ‘AWESOME!!!’

Go ahead and save the script again and head back to your spreadsheet and navigate to your ‘This is…’ link in your ‘OMG!’ menu (No need to refresh the page).

Give it a click.

Google Script Editor alert

That’s it your first Hello World script using a menu.

 

 

How do I lock certain cells in a formula in Google Sheets?

You know, I’m pretty confident in my use of Google Sheets. I use a lot of it’s advanced features and formulas in my daily work.

But one thing was bugging me. Every time I created a formula and then grabbed and dragged (or double clicked) that little box in the bottom right of the cell to have it repeat, the cells would change.

The little square down the bottom of the cell

This normally is great, because it moves by a cell each time and makes my life easier.

What if I want to keep a certain cell constant in a formula?

Enter the Absolute Reference.

The absolute reference allows you to lock either or both aspect of the cell. That is it can lock the column and/or the row. This is done by simply adding a “$” before the column or row. Here is how we do it:

  • $A$1 – locks both Column and Row
  • $A1 – locks only the Column
  • A$1 – locks only the Row

Awesome!!! Now you can drag that little square wherever you want and whatever part of that cell you locked wont change while everything else will.

F4 – The Shortcut From the Gods

So, this is all well and good, but it still means that after I have finished entering the whole formula, I have to go back into the cell and change the cell value with that dollar sign “$”.

F4 to the rescue. You can change the value live here by cycling through $A$1, $A1 and A$1 before continuing with your formula. While completing a formula simply,

  1. click a cell or range you want to get a value from and you want to lock or make an Absolute Reference.
  2. Press <F4> until you get the desired Absolute Reference combination.
  3. Continue with the rest of your formula.

Example – My Fruit Binge

I really love fruit (Okay, I’m ambivalent about fruit, but I am trying to sell the example here!)

I have a list of fruit that I have eaten in the last hour. My wife has caught me with a pile of cores and skins scattered around me and wants me to count how much this food binge cost me in order to make me feel bad.

Of course, I immediately run to my laptop and bring up my list of fruit I just ate. I can also remember how much each item costs (Yep, the example is breaking here, stay with me).

To work out the total costs of what I ate, I will count how many of each item and multiply that by the costs of each item.

Here is my Google Sheet so far:

Fruit Google Sheets

 

Lets plug in the formula to count the total number of Bananas.

Google Sheets Countif

 

Things look good so far. In cell G3 I have run countif and selected the range C2:C13. And I only want it to count if the cell contains the text “Banana” which I indicate by cell E3. Finally, in cell H3 I multiply the total number of times Banana appears (G3) by the cost of the item (F3).

The end results:

Google Sheets Fruit absolute reference error

Just for shits and giggles, lets see how that countif formula will work if I drag it down with that cheeky little box in the bottom right of the cell.

Fruit google sheets no absolute reference.

As you can see things have gone a bit Pear-shaped (nailed it!) here. We can see 2 pairs in the list in column C but the formula is only counting one in cell G7. 

Let’s take a look at the formula in G7.

countif reading wrong cells

We can see here that the range has changed from C2:C13 to C6:C17. That is not helpful at all. We need to make these into an Absolute Reference. The fruit criterion also moved, but we wanted it to come down to read Pear so that is pear-fict (Not so good that time).

Let’s fix this up. We need to change the countif range in cell G3 to an Absolute Reference from C2:C13 to $C$2:$C$13. This is kinda awkward so let’s try that <F4> shortcut out and put in the formula again fresh. To do this I did the following steps.

  1. entered:  =COUNTIF(
  2. selected the range C2:c13
  3. hit the magical <F4> button once and it created: $C$2:$C$13
  4. entered a comma:   ,
  5. selected the range E3
  6. closed the bracket: )
  7. hit <enter>Google Sheets Absolute reference with F4

Looks good. We’ll grab that little box down the bottom again and drag (or double click) it down and see if we get that extra pear.

Absolute reference in use

Boom! It worked. We now see 2 pears counted. Check out that bottom cell. It’s lock in the range value and only changes the fruit criterion.

Absolute reference view of final cell

Just to be pear-dantic (Hey! That was okay!) let’s see how guilty we should be for our fruit binge.

Fruit binge total google sheets

$38.10? Worth it!