Hide top leve items without children

[Benjamin]

I'm using the panelbar to display links to different internal applications that I have grouped together into several different sections on a password protected intranet.
I really like that the links for actions are not displayed when a user does not have acquitted permissions to execute them.

However I'm left with top level items without any child items that are displayed. Is there a simple way to hide the top level items without any children?

[Dimiter Madjarov]

Hi Benjamin,


To achieve this you could manually check if a parent item contains child items or not and hide it if this condition is not satisfied. Here is a sample implementation.
E.g.

$(function () {
    var pb = $("#panelbar").data("kendoPanelBar");
    var topLevelItems = pb.wrapper.find(">li");
    topLevelItems.each(function () {
        if ($(this).find(">.k-group").length === 0) {
            pb.remove(this);
        }
    });
});

Regards,
Dimiter Madjarov
Telerik

[Benjamin]

Thank you, That worked perfectly.