This is a migrated thread and some comments may be shown as answers.

add zoom css style to grid kendo ui

4 Answers 285 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
juan
Top achievements
Rank 1
juan asked on 01 Oct 2020, 01:48 PM
agregar css de zoom a la cuadrĂ­cula, pero al hacer clic en los controles de filtro, los cuadros aparecen desalineados o separados del control ayuda ...

4 Answers, 1 is accepted

Sort by
0
juan
Top achievements
Rank 1
answered on 01 Oct 2020, 02:55 PM
add zoom css to grid, but when clicking filter controls the boxes appear misaligned or separated from the control help ...
0
Nikolay
Telerik team
answered on 05 Oct 2020, 09:42 AM

Hello Juan,

Thank you for reporting this misalignment with the checkboxes and their labels in multi grid filtering.

Indeed, this is something we have missed and so I have logged it to be changed. Please refer to the following links:

As a current workaround the following CSS can be applied:

<style>
       .k-label span {
         vertical-align: top;
       }
</style>

As a token of gratitude, I have added some Telerik points to your account.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
juan
Top achievements
Rank 1
answered on 06 Oct 2020, 04:35 PM

 

the zoom style is 

<style>

#grid{

zoom:0.8

}

when applied it generates misalignment of the filters

 

this solution not function for me

Can you tell me how to apply it to make it work?

thanks

0
Nikolay
Telerik team
answered on 08 Oct 2020, 10:46 AM

Hello Juan,

As mentioned in the zoom property documentation article it is best recommended replacing it with the transform: scale() property. I tested this myself and with the latter, the Grid filter menus are aligned correctly.

Below I am posting the Dojo demo I used for testing:

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Diagram
Asked by
juan
Top achievements
Rank 1
Answers by
juan
Top achievements
Rank 1
Nikolay
Telerik team
Share this question
or