Get started
Loading...
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
TUTORIAL

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

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

Make everything just a little bit larger

Christopher Cobb
9 years ago Jun 27, 2012 9:51pm

I have built a piece of an application in Vaadin.

In order for it to visually integrate with the rest of the application, I have reproduced some pieces on in the Vaadin app (header, footer, etc).

I'm using *exactly* the same html on the vaadin page that is used on the other (non-vaadin) pages of the app.

But everything on the vaadin page looks just a little smaller than on the other pages.

Is there a way to scale every thing up, by maybe 10%?

Last updated on Jun, 27th 2012
Charles Anthony
9 years ago Jun 28, 2012 7:37am

Is it the text size/appearance that is different? Perhaps the Vaadin theme's CSS is affecting the appearance of the elements for the header and the footer.

You'll have to use something like Firebug to find out what elements are being hit by which CSS rules, and customise your own theme to adjust for them.

There's probably a simple global font-size property that you can use to make *everything* bigger (but that will then make the Vaadin bits bigger too).