add zoom css style to grid kendo ui

[juan]

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 ...

[juan]

add zoom css to grid, but when clicking filter controls the boxes appear misaligned or separated from the control help ...

[Nikolay]

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:

• GitHub: https://github.com/telerik/kendo-ui-core/issues/6057
• Feedback portal: https://feedback.telerik.com/kendo-jquery-ui/1487452-checkboxes-and-their-labels-misalignment-in-multi-grid-filtering

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

[juan]

 

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

[Nikolay]

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:

• https://dojo.telerik.com/iheDAjIv

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik