ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: wmwa on April 22, 2015, 09:04:15 pm

Title: Change Font Size on Maximize
Post by: wmwa on April 22, 2015, 09:04:15 pm

Is it possible to change the font size used on the grid when in full-screen mode?
We are looking to use the fullscreen view to make the current data more readable, not necessarily to put more rows on the screen.

I have tried putting jquery code in the toggle event to change the css of the pq-grid-cell, but it doesn't seem to work. Any ideas?

Title: Re: Change Font Size on Maximize
Post by: paramvir on April 24, 2015, 09:29:11 am

It could be done by injecting css class 'addClass' or by directly manipulating css of grid container in the toggle event.

Code: [Select]

if( ui.state == 'max' ){
  $( this ).addClass( 'big_font' );
}

In css

Code: [Select]

div.big_font{
    font-size:18px;
}
div.big_font *{
    font-size:inherit;
}


Title: Re: Change Font Size on Maximize
Post by: wmwa on April 24, 2015, 07:24:00 pm

That seems to work nicely, thanks!