"Bookmark Widget - Read Only" - Two Questions

JoshJones1

Hey Everyone.



I previously asked a question about the "Bookmark Widget - Read Only" located at: http://help.arcgis.com/en/webapi/javascript/arcgis/demos/widget/widget_bookmarks_dropdownbutton.htm, and I was curious about two more aspects of the dropdown widget that I can't figure out on my own. 

First, Is there anyway to change the color/appearance of the dropdown button without changing the esri dojo/dijit theme?  I tried dissecting what I could using Firebug, but still couldn't figure out how to change the appearance of the button itself.

Secondly, I am going to be having ~100 cases in each dropdown button that will push the list much further than the height of most monitors, so I was curious if anybody knows a way in which to set the size of the height of the dropdown window, and then have a scrollbar for the users to scroll down to find the bookmark of their choice.


Thanks for any help you can give me.



-Josh

khutchins

You can find out more about customizing the dojo themes here:

http://dojotoolkit.org/reference-guide/1.7/dijit/themes.html


You can modify the button css using rules like these:

       .nihilo .dijitButtonNode{         background: blue;         color:white;         border:1px solid darkblue;        }        .nihilo .dijitButtonNode:hover{         background: gray;        }

The above rules modify the existing dojo theme style for the button to have a blue background - and then when  you hover over the button the background is gray.

You can add a scroll bar to the bookmark list by adding the following rule:
     
   

  .dijitTooltipContainer{         overflow:scroll;       }