Helium theme and dataGrid

Hi, thx for the helium theme!

I set it to small size.
It looks like, that the dataGrid does not follow that.
The font size is still big.
Tables are fine.

Just noticed… also the tree component stays with bigger font size…

Roland

Hi,

The DataGrid component can’t update its size according to the theme preset since almost all its parts have their size set problematically on client-side. For instance, DataGrid has bodyRowHeight, headerRowHeight attributes that define corresponding sizes and we can’t change them using styles.

Regards,
Gleb

Hi,

ok, found found v-grid-header th and v-grid-body td… can use that,
but, what about the tree?
Is it the same as with the grid?
(for tree I could use v-captiontext)

Regards,
Roland

Starting from Vaadin 8, the Tree component is based on DataGrid, so that it has the same features and limitations.

Regards,
Gleb

1 Like

Hi Roland, Hi Gleb,

I really like the new Helium Theme and its features!

I want to switch to the small size of the theme too, but I can not find any documentation about this.
Could you please help me?

Cheers
Nico

Ok finally found the theme settings in the menu items.

Nice work!

Thank you