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

1 Answer 11 Views
Form
Aleksandr
Top achievements
Rank 1
Bronze
Iron
Veteran
Aleksandr asked on 19 Jan 2023, 06:52 PM

 

text should be above

 

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 24 Jan 2023, 09:31 AM

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

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

Aleksandr
Top achievements
Rank 1
Bronze
Iron
Veteran
commented on 24 Jan 2023, 02:43 PM

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
Top achievements
Rank 1
Bronze
Iron
Veteran
commented on 24 Jan 2023, 02:43 PM

 

to prev comment

Neli
Telerik team
commented on 27 Jan 2023, 12:17 PM

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
Top achievements
Rank 1
Bronze
Iron
Veteran
commented on 27 Jan 2023, 03:06 PM

Neli,

 

thx a lot for the example, it works

 

Thx Alex

Tags
Form
Asked by
Aleksandr
Top achievements
Rank 1
Bronze
Iron
Veteran
Answers by
Neli
Telerik team
Share this question
or