Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
365
WebExplorerBar CSS styles
posted

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

Parents
  • 37874
    posted

    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.

Reply Children