Author Topic: Change Font Size on Maximize  (Read 3351 times)

wmwa

  • Pro Economy
  • Newbie
  • *
  • Posts: 19
    • View Profile
Change Font Size on Maximize
« 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?

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Change Font Size on Maximize
« Reply #1 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;
}
« Last Edit: April 24, 2015, 12:43:31 pm by paramquery »

wmwa

  • Pro Economy
  • Newbie
  • *
  • Posts: 19
    • View Profile
Re: Change Font Size on Maximize
« Reply #2 on: April 24, 2015, 07:24:00 pm »
That seems to work nicely, thanks!