Balsamiq Community Discussion

Adding icons inside a grid


Right on, Brendan. Shine on you crazy diamonds. I appreciate the response.

1 Like

It would be very helpful to be able to add Edit and Delete icons to grid rows without overlaying the icons, because the layout will get messed up when the grid columns change.

+1 from me for this feature.

1 Like

Hi @wanda0123456 and welcome to our forums!

Are you looking for information about the features of our latest major version, Mockups 3 for Desktop?

You should find everything on this page.

Please let us know if you need anything else, we’re here to help! :slight_smile:


+1 from me too. Would love to be able to textually place an icon in a data grid cell.

1 Like

+1 from me for this feature.

1 Like

Another option: Add edit, save and delete symbols/wingdings to the Balsamiq Sans font? I can use the other symbols there inside my data grids, so having these ones available would require no changes to the data grid programming for you guys.


Hi @tanialawrie,

Just want to make sure we get your need correctly for this one: are you looking for a way to insert symbols in your text elements (just like glyphs)?



I already use glyphs within text elements and within grids - but there aren’t any industry-standard symbols in Balsamiq Sans to show ‘Edit’, ‘Save’ and ‘Delete’. For instance, the current pencil glyphs don’t look like ‘edit’ icons and scissors (I use to show ‘Delete’) are not the same as a trash can. There is nothing that looks like a save icon, so I use a ‘+’ sign. It kind of works, but users have to guess at their meaning.


Thanks for sharing the details @tanialawrie, that helps a lot. Adding support for icons in the Data Grid control might be the best approach here (since it will give access to the whole Font Awesome icon library) but we’ll definitely keep that idea in mind too.

Thanks again!


+1 from me on this feature

1 Like

+1 for this feature, I have to lay them out by hand a lot.

1 Like

+1 from me as well.


+1 from our team as well!

1 Like

+1 on being able to include icons directly in a data grid (or, in fact, any text fields)

It could be handled by supporting a text macro like the following - {icon:name:size} - which would then be replaced by the appropriate icon.

So, to include an Extra Small (16x16) “save” icon, you’d enter {icon:Floppy Outlined:XS} or to include a Large (48x48) “search” icon you’d enter {icon:Search:L}.

If you wanted to also support showing or not showing a border around an icon, you could extend the macro such that adding “:border” at the end would turn the border on (so {icon:Search:L:border} would, instead of showing a large search icon, it would show an icon consisting of a 48x48 border with a medium sized search icon inside it.


1 Like

+100 (worth a try) for adding icons to data grids


If the snap alignment worked with the individual rows or columns of the grid it would make the existing solution of grouping images or icons with the data grid elegant.

More control over the height of individual rows would be helpful too.


+1 Vote


+1 Vote


+1 vote for me :slight_smile:


+1 for me :smile: