TOC widget not showing the dijit expand tree and collapse tree when using JQuery

2192
1
Jump to solution
11-19-2015 03:53 PM
AlexGole
Occasional Contributor II

Hi all,

I am using JQuery and bootstrap in my map and cant seem to be able to use or see the "+" and "-" expand/collapse dijit that comes along with the TOC widget​. Any idea why?

Capture.PNG

My code is here​.

Thank you,

Alex

Tags (1)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Alex,

  It is a CSS issue as the toc is expecting a standard dojo them like claro and you are using bootstrap.

Just add this to your style section:

.dijitTreeExpando {
      background-image: url("http://js.arcgis.com/3.14/dijit/themes/claro/images/treeExpandImages.png");
      width: 16px;
      height: 16px;
      background-position: -35px 0;
    }

View solution in original post

1 Reply
RobertScheitlin__GISP
MVP Emeritus

Alex,

  It is a CSS issue as the toc is expecting a standard dojo them like claro and you are using bootstrap.

Just add this to your style section:

.dijitTreeExpando {
      background-image: url("http://js.arcgis.com/3.14/dijit/themes/claro/images/treeExpandImages.png");
      width: 16px;
      height: 16px;
      background-position: -35px 0;
    }