(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!
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
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
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?
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
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?
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?
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?
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
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.