Product Bundles
DevCraft
All Telerik .NET and Kendo UI JavaScript components and AI Tools in one package.
Kendo UI
Bundle of AI Tools plus four JavaScript UI libraries built natively for jQuery, Angular, React and Vue.
Build JavaScript UI
Javascript
Telerik
Build modern .NET business apps
.Net Web
Cross-Platform
Desktop
Reporting and Documents
AI for Developers & IT
Ensure AI program success
AI Coding
AI Engineering
Additional Tools
Enhance the developer and designer experience
Testing & Mocking
Debugging
UI/UX Tools
CMS
Free Tools
Support and Learning
Productivity and Design Tools
I wonder would it be possible when a listveiw is rendered as a list of checkboxes, add an option to display Select/Deselect All checkbox at the top of the list? It could separated by a horizontal line. E.g.
Select/Deselect All --------------------- Checkbox 1 Checkbox 2 Checkbox 3 Checkbox 4 ...
<style type=
"text/css"
>
.categories
{
background-color
: Gray;
}
</style>
<
telerik:RadListBox
ID
=
"RadListBox1"
runat
"server"
CheckBoxes
"true"
OnClientItemChecked
"OnClientItemChecked"
Items
telerik:RadListBoxItem
Text
"All"
/>
CssClass
"categories"
Checkable
"false"
"RadListBoxItem1"
"RadListBoxItem2"
"RadListBoxItem3"
"RadListBoxItem4"
"RadListBoxItem5"
"RadListBoxItem6"
"RadListBoxItem7"
"RadListBoxItem8"
"RadListBoxItem9"
"RadListBoxItem10"
"RadListBoxItem11"
</
<script type=
"text/javascript"
function
OnClientItemChecked(sender, e) {
var
item = e.get_item();
items = sender.get_items();
checked = item.get_checked();
firstItem = sender.getItem(0);
if
(item.get_text() ==
) {
items.forEach(
(itm) { itm.set_checked(checked); });
else
(sender.get_checkedItems().length == items.get_count() - 1) {
firstItem.set_checked(!firstItem.get_checked());
</script>