dojodijit.tree

Dojo - Tree in accordion is broken (while outside is ok) , Why?

I've made simple application with dojo. I took the exact same combo tree (cbtree) and put it once inside accordion and once first on page.

I don't understand why inside the accordion I get different cbTree (it looks really bad) Here is online example of the problem :

http://77.235.53.170/cbTree/cbTree.htm

enter image description here

Solution

  • The problem is at your main.css, you have

    #leftCol img {
     width: 100%;
}

    Which overwrites 

    .dijitFolderOpened, .dijitIconFolderOpen, .dijitIconError {
    background-image: url("../../icons/images/commonIconsObjActEnabled.png");
    width: 16px;
    height: 16px;
}

    You need resolve this in main.css by either removing your style, or changing it to a more specific rule; i.e. instead of #leftCol img, use #leftCol .yourClass.