Author Topic: Is it possible to position toggle icon to the top-left  (Read 702 times)

stancao

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 11
    • View Profile
Is it possible to position toggle icon to the top-left
« on: March 02, 2022, 11:06:21 pm »
Hi ParamQuery team,

We have the data grid with many columns. When the user zoomed (enlarged) the page, toggle icon is out of the range. The scroll bar is needed, in order to display the icon. Is it possible to position toggle to the top-left of the grid, instead of default top-right, so we can always see it?


Thank you!

Stan Cao

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Is it possible to position toggle icon to the top-left
« Reply #1 on: March 03, 2022, 11:15:38 am »
Please use this css to make it appear left:

Code: [Select]
.pq-slider-icon{
left:0;
}

stancao

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 11
    • View Profile
Re: Is it possible to position toggle icon to the top-left
« Reply #2 on: March 04, 2022, 06:05:38 am »
Hi paramvir,

Thank you! But now the icon overlapped with the title text. Is it possible to position the title text the right of the icon?

Stan

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Is it possible to position toggle icon to the top-left
« Reply #3 on: March 07, 2022, 11:39:05 am »
Title text can be shifted with css.

Code: [Select]
.pq-grid-title{
     margin-left: 50px;
}

stancao

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 11
    • View Profile
Re: Is it possible to position toggle icon to the top-left
« Reply #4 on: March 09, 2022, 08:16:51 pm »
It works great and just I wanted, thank you!