0

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

Alophind
  • 842
  • 2
  • 12
  • 27

1 Answers1

1

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.

Bucket
  • 7,415
  • 9
  • 35
  • 45
Sean Zhao
  • 1,506
  • 12
  • 12
  • Thx mate !!! How did you find it was the problem ? (so I'll know how/where to look for future ref.) – Alophind Sep 29 '13 at 16:42
  • use developer console for browsers to inverstigate. For example, in google chrome, press ctrl+shift+i will trigger it. For firefox, you can install firebug add-in. For Ie8+, you can find a "developer tool" menuitem in menus. – Sean Zhao Sep 29 '13 at 16:57