How to add a background color to any control

<1 min. read

Not all controls have a background color property so here is a quick way to add it to any control (or part of control):

  1. Add a Rectangle control and make it borderless from the Property Inspector
  2. Set the background color to the desired one
  3. Set its opacity to 25%
  4. Move and resize the rectangle to overlay your other control (Data Grid in this case)
  5. Group the controls together

figure>

You can also set up a border color the same way if needed.

Author

Peldi Guilizzoni
Peldi Guilizzoni

Founder and CEO @ Balsamiq

Questions or feedback? Email peldi@balsamiq.com.

Related articles


How to add a blank row to a combobox or menu control

A neat trick to add a blank row to two common Balsamiq controls.

How to keep form labels aligned

A neat trick to keep labels in Balsamiq wireframes aligned even after editing them.

Hold ALT to select layered controls

Speed up your Balsamiq selection skills with this neat trick.


Other topics you might be interested in

Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.