On an app I have clients using tablets as well as their desktops. On the desktop the monitors are big enough that everything looks just fine on the query grids. But on tablets, specifically iPads, things get squished together and the text for the attributes gets cutoff.
I know with CSS we can change most anything about the look and feel of an app. I use 'thinrows' which Mark and I think Roger have provided to change the height of Grid Rows.
How would I change the font size though for the attributes displayed on a grid?
I want a specific grid to take up less room so that I can see more text when users are on tablets.
Right now everything seems to use the same font, which is a little bigger than I want it to be.
Thinrows looks like this:
/* Vertical Spacing for a grid*/
.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
padding-top:0px;
padding-bottom:0px;
line-height:20px;
}
Could I just add a
font-style: 12px;
to it?
Or is there someplace else that I need to reference the font size I want to use?
