This is a migrated thread and some comments may be shown as answers.

how to select checkbox as indeterminate father?

8 Answers 790 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Fabricio
Top achievements
Rank 1
Fabricio asked on 26 Nov 2012, 03:43 PM
I have a checkbox father and 5 children, 3 of which are checked and not the other 2. How can I get the father as indeterminate form automatically?

8 Answers, 1 is accepted

Sort by
0
Keith
Top achievements
Rank 1
answered on 01 May 2013, 12:48 PM
I would also like to know if this is possible.  It's standard behavior on most tree view controls.   In a situation where a node is collapsed and has some children checked it's not possible to see that there are checked children.
0
Alex Gyoshev
Telerik team
answered on 01 May 2013, 01:26 PM
Hello Keith,

The Kendo UI TreeView supports the checkChildren configuration option that shows indeterminate (tri-state) checkboxes. You can see it in action on the checkboxes online demo.

Regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Keith
Top achievements
Rank 1
answered on 01 May 2013, 01:32 PM
Hi Alex,

It's actually the other way around I'm interested in.  I have checkChildren set to true which is fine as when I select a parent it's children are selected.  I am talking about when I select a child, I want the parent to be set to the intermediate greyed checkbox.  I cannot get this to work.

Thanks,
Keith
0
Alex Gyoshev
Telerik team
answered on 02 May 2013, 08:46 AM
Hello Keith,

When checking child nodes, and the checkChildren configuration option is set to true, the parent nodes should get the indeterminate state, as in the attached screenshot. Does this not occur in your page? If that is the case, please provide a jsBin that shows the problem, as well as details about the used browser. If this is not what you are looking for, please elaborate.

Kind regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Keith
Top achievements
Rank 1
answered on 02 May 2013, 09:50 AM
Hi Alex,

I can confirm that this behavior occurs in both Chrome and Safari.  In IE9 and Firefox the functionality is as expected.

Have a look at your own demo in Chrome:
http://demos.kendoui.com/web/treeview/checkboxes.html

Thanks,
Keith
0
Alex Gyoshev
Telerik team
answered on 03 May 2013, 08:32 AM
Hello Keith,

The indeterminate state is not supported by Safari for Windows; however, it is visible on Mac OS.

Chrome correctly displays the indeterminate state on both Windows and Mac OS on our side (screenshot on windows attached).

Regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Keith
Top achievements
Rank 1
answered on 03 May 2013, 09:15 AM
Hi Alex,

That is really strange, I am using the latest chrome version (Version 26.0.1410.64 m) and I don't see the intermediate check boxes. See attached images:

Keith

 
0
Alex Gyoshev
Telerik team
answered on 03 May 2013, 11:27 AM
Hello Keith,

Thank you for providing that screenshot. It appears that chrome does not show the indeterminate state when the Windows classic theme is used. The screenshot I posted uses the default (Aero-enabled) theme. The bug has been fixed recently and will soon be available in Chrome.

Regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TreeView
Asked by
Fabricio
Top achievements
Rank 1
Answers by
Keith
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Share this question
or