Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Grid Zoom

Julien Charpenel
6 years ago Aug 30, 2016 11:52am


I have the requirement to make one specified grid (among others) in our web application a bit smaller in overall to be able to display more content.

I am currently trying to figure out a way to do this, but right now I only have the CSS "Zoom"-Property on my mind.
After trying it out (and reading up) it seems to only work on Chrome, unfortunately not Firefox & IE and additionally is one of the CSS attributes mostly declared as "Do not use!".

Has someone some other idea on how this could be accomplished?

PS: Changing the base-size in the theme SASS-properties is not possible, as everything else should stay the size it is, only this one grid should shrink.

Thank you already!