BUG - checkbox appears incorrectly (used to work in earlier versions)

[Aleksandr]

 

text should be above

 

[Neli]

Hi Aleksandr,

The described change is by design and is introduced with Kendo 2022 R3 version. You could take a look at the Release History linked below:

- https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendoui-r3-2022-(version-2022-3-913)

If you need to display the label and the checkbox below each other you could try to add some custom styling as in the following example:

 .k-form-field-wrap{
      display: flex !important;
      flex-direction: column-reverse;
    }  

Here you will find a Dojo example demonstrating the above.

Regards,
Neli
Progress Telerik

[Aleksandr]

Hello Neli,

yes it works, but you have to apply it to div which is just k-form-field-wrap, so to locate such div you should select by attribute data-container-for="Agree", what is field by field, or it could be applied somehow to all checkboxes?

P.S seems it was just bootstrap change, but still looks inconsistent even on demo page when checbox > text > :

 

 

[Aleksandr]

 

to prev comment

[Neli]

Hi Aleksandr,

If you need to apply the styles only on the form filed that contains checkboxes, you could use the following selector and add acustom class:

$('input[type="checkbox"]').parent('.k-form-field-wrap').addClass('custom')

Then, you could use the custom class to apply styles.

Inoticed that the link for the release history where it is mentioned that checkbox fields should be rendered with label on the right is broken. Please excuse me about that. You can find the linke below again:

https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendoui-r3-2022-(version-2022-3-913) 

Regards,

Neli

[Aleksandr]

Neli,

 

thx a lot for the example, it works

 

Thx Alex