Telerik Forums
Kendo UI for jQuery Forum
1 answer
64 views

(Before getting into the article, I apologize for my poor English skills.)

Hello! you guys always help me.

I need to create checkboxes using kendoCheckBoxGroup function in specific fields of KendoForm.

However, it should be limited to 4 per line, not listed in one line.

Expressing it pictorially is as follows:

(Note, the text that goes into the field will vary in length.)

 

And, the code I'm working on is below.

var items = [
        {value: "item1", label: "Item 1"},
        {value: "item2", label: "Item 2"},
        {value: "item3", label: "Item 3"},
        ...
        {value: "item14", label: "Item 14"},
    ];

$('#checkBoxField').kendoCheckBoxGroup({
    items: items,
    layout: "horizontal"
});

How can I modify it to make it work the way I want?

Thank you as always for your kindness!

Zornitsa
Telerik team
 answered on 22 Aug 2023
1 answer
45 views

This example not works as expected:

https://dojo.telerik.com/ESAQEsip/2

It should only select: Red and Green.

Isn't it?

It's the same if I write the value of the input field by hand: value="Red"

Docs:

https://docs.telerik.com/kendo-ui/framework/mvvm/bindings/checked#binding-lists-of-checkboxes-to-arrays

Many thanks

Paolo
Top achievements
Rank 2
Iron
 answered on 25 Jul 2023
1 answer
165 views

Hello Team,

I have run the FastPass on the kendo control present at the below URL and found the a11y issues.

https://demos.telerik.com/kendo-ui/dropdowntree/checkboxes

https://demos.telerik.com/kendo-ui/dropdowntree/index

Please check the below images

On fixing one of the issues(adding aria-label attr) shown in the above image, new a11y issues are coming as shown in the below image. 

On fixing the above one as well, new a11y issues are coming,

Please let me know how can we fix this problem?

 

Thanks & Regards

Karan

Karan
Top achievements
Rank 1
 updated question on 04 Apr 2023
1 answer
54 views

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/checkboxes/ (looking to implement something like this but with Kendo UI for jQuery)

I am looking to implement a multi-select with checkboxes. I found kendo provides an option for Angular, but I am looking to see if this is provided with Kendo UI for jQuery, if so, any documentation I can look into?

I am also looking to add, a Select All checkbox which will select all options if checked, if unchecked, need to unselect all the options. Is there any built-in functionality to achieve this?

 

Neli
Telerik team
 answered on 24 Mar 2023
0 answers
38 views

Hi everyone,

I have a problem with kendo checkbox they work usually fine but on display with zoom scale plus 100% and in a certain range of resolution stop working and they have also a visual bug, attach image for clarify.

no work


work fine

david
Top achievements
Rank 1
 asked on 03 Mar 2023
0 answers
140 views

I am using a boolean field in my kendo grid:

"activePin"

model: { id: "id", fields: { accountId: { editable: false }, accountName: { validation: { required: true } }, operatorGroupName: {}, pinCode: { editable: false }, email: { }, cellPhone: { }, note: { }, activePin: { type: "boolean" }, eqpAccess: { editable: false }, } }

The value of this field is set to true or false based on the value of a status field in the read data:


parse: function(response) {
	for (var i = 0; i < response.length; i++) {
		if (response[i].status === 'A') {
			response[i].activePin = true;
		}
		else {
			response[i].activePin = false;
		}
	}
	return response;
},

The column in my grid displays correctly, and when the row is edited, correctly displays a checked checkbox

when true, and an unchecked checkbox when false.

 

In edit mode, if I check the checkbox and press update, the model data being sent to my transport Update or

Create functions is always false, regardless if the box is checked before clicking update.

 

Not sure what I am missing?

Hunter
Top achievements
Rank 1
 asked on 26 Oct 2022
1 answer
246 views

i saw from the Kendo UI for Jquery Kendo Grid page is able to achieve the indetermindate state for checkbox but i cant seems to find how do i do it?

Georgi
Telerik team
 answered on 06 Jul 2022
1 answer
49 views

In this example:

https://demos.telerik.com/aspnet-mvc/checkbox

 

a semicolon is automatically added to the end of the label of a checkbox.

 

Is there anyway to remove the semicolon?

Martin
Telerik team
 answered on 15 Feb 2022
1 answer
671 views

I have a grid with multiple selection with checkboxes.  I need to be able to deselect the checkbox on a single row programatically.  I am able to turn off the row selection class using 

$(row).removeClass("k-state-selected");

but I have so far been unable to uncheck the corresponding checkbox.  

Thanks in advance.

Eric Katz

Martin
Telerik team
 answered on 14 Oct 2021
1 answer
175 views

Is there a provision to make kendo radio & checkbox controls to take browser default styles?
Upper control has kendo styling & below checkbox has default browser styling, and this will be different for different browsers. Can we make kendo checkbox inherit the browser style.

 

Georgi Denchev
Telerik team
 answered on 16 Aug 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?