Hi,
I noticed that when using checkboxes in a grid, those are rendered a bit incorrect (there are some dot's at the "end" of the checkboxes:
Screenshot is taken directly from the example page: https://www.telerik.com/kendo-react-ui/components/grid/selection/#toc-customizing-the-selection. Making the column either smaller or bigger "solves" the issue, but it's still strange behavior.
1 Answer, 1 is accepted
Hello, Pieter,
This is because of the styling in the Material theme. The default padding of a cell is 24 left and 24 right. As the cell has 50 px width in the demo, this leaves only 2px for the actual Checkbox and at that point, this CSS rule for the cell is activated `text-overflow: ellipsis;`
If the application will be using the Material theme, we can suggest making a cell a little large to accumulate the larger padding.
Regards,
Stefan
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/.