We would like to style the WebExplorerBar such that the Group that is expanded has a different style than the groups that are not expanded. Everything I try seems to not work. Can anyone direct me to a working solution for this?
-Daniel
Hi Daniel,
You can set SelectedCssClass for each ExplorerBarGroup and define styles for these classes. However, this would work only if you set GroupExpandBehavior to SingleExpanded, because a single group can be selected, but several groups can be expanded at the same time. Another approach would be to handle the ItemExpanding and ItemCollapsing client-side events. When expanding a group you could set styles only for this group and reset them on collapsing:
function WebExplorerBar1_ItemExpanding(sender, eventArgs)
{
eventArgs.getExplorerBarItem().get_element().childNodes[0].style.border = "1px solid red";
}
If you have any questions, please let me know.
I'm just checking if you need any further assistance with the matter.