TOC - Arrows instead of plus sign to expand TOC

[BrianFoley1]

I want to replace the plus '+' sign with an arrow for the opening and closing of an item in the TOC.  Also, I want to put the arrow to the left of the checkbox.  How can I do this ?

--Brian

[BrianFoley1]

yes, I changed the code to : <link rel="stylesheet" href="agsjs/dijit/css/toc.css">

this is what my .html page looks like :

then further down, I add a reference to TOC.js :

[RobertScheitlin__GISP]

Brain,

  That is pretty weird. Can you show me your TOC.css where you added the new rule?

[BrianFoley1]

Here's TOC.css :

and here's TOC.js :

[RobertScheitlin__GISP]

Brian,

  Everything looks fine. Can you zip-up the whole thing and attach it for review?

[BrianFoley1]

Robert,

Do you want me to send the zipped file to this email ?

Brian Foley

[RobertScheitlin__GISP]

Brian,

  Yes if you use the advanced editor you will have the ability to attach files to this thread.

[BrianFoley1]

Robert, 

        Here's the zipped file.

Brian

[RobertScheitlin__GISP]

Brian,

  Add this css rule right after the other you added:

.claro .dijitTreeExpandoClosed {

    background-position: 1px 0;

}

[BrianFoley1]

Robert,

     Thanks, that did it.   Another question I have is related to the image below.  It is from a WPF Browser Application I was playing with.  I wanted to create something similar in javascript.  Along the top of the map, I have a feature called 'Identify Tools' which when selected drops down a menu with the tools available.  Is it possible to do this in javascript ?  I've been looking at the examples on developers.arcgis.com (javascript) and haven't seen anything similar.

Brian