<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: TOC widget not showing the dijit expand tree and collapse tree when using JQuery in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/toc-widget-not-showing-the-dijit-expand-tree-and/m-p/639323#M59709</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Alex,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; It is a CSS issue as the toc is expecting a standard dojo them like claro and you are using bootstrap.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Just add this to your style section:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;.dijitTreeExpando {
&lt;SPAN&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fjs.arcgis.com%2F3.14%2Fdijit%2Fthemes%2Fclaro%2Fimages%2FtreeExpandImages.png" target="_blank"&gt;http://js.arcgis.com/3.14/dijit/themes/claro/images/treeExpandImages.png&lt;/A&gt;&lt;SPAN&gt;");&lt;/SPAN&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-position: -35px 0;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sun, 12 Dec 2021 03:09:53 GMT</pubDate>
    <dc:creator>RobertScheitlin__GISP</dc:creator>
    <dc:date>2021-12-12T03:09:53Z</dc:date>
    <item>
      <title>TOC widget not showing the dijit expand tree and collapse tree when using JQuery</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/toc-widget-not-showing-the-dijit-expand-tree-and/m-p/639322#M59708</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi all,&lt;/P&gt;&lt;P&gt;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 &lt;A href="http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/latest/examples/toc.html"&gt;TOC widget&lt;/A&gt;​. Any idea why?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Capture.PNG" class="image-1 jive-image" src="https://community.esri.com/legacyfs/online/145745_Capture.PNG" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;My code is &lt;A href="https://jsbin.com/fiwesakuci/edit?html,output"&gt;here&lt;/A&gt;​.&lt;/P&gt;&lt;P&gt;Thank you,&lt;/P&gt;&lt;P&gt;Alex&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 19 Nov 2015 23:53:41 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/toc-widget-not-showing-the-dijit-expand-tree-and/m-p/639322#M59708</guid>
      <dc:creator>AlexGole</dc:creator>
      <dc:date>2015-11-19T23:53:41Z</dc:date>
    </item>
    <item>
      <title>Re: TOC widget not showing the dijit expand tree and collapse tree when using JQuery</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/toc-widget-not-showing-the-dijit-expand-tree-and/m-p/639323#M59709</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Alex,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; It is a CSS issue as the toc is expecting a standard dojo them like claro and you are using bootstrap.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Just add this to your style section:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;.dijitTreeExpando {
&lt;SPAN&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fjs.arcgis.com%2F3.14%2Fdijit%2Fthemes%2Fclaro%2Fimages%2FtreeExpandImages.png" target="_blank"&gt;http://js.arcgis.com/3.14/dijit/themes/claro/images/treeExpandImages.png&lt;/A&gt;&lt;SPAN&gt;");&lt;/SPAN&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-position: -35px 0;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sun, 12 Dec 2021 03:09:53 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/toc-widget-not-showing-the-dijit-expand-tree-and/m-p/639323#M59709</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2021-12-12T03:09:53Z</dc:date>
    </item>
  </channel>
</rss>

