epfirman

CSS for Legend doesn't work correctly

Discussion created by epfirman on Jul 10, 2012
Latest reply on Jul 18, 2012 by RChintapalli-esristaff
The Legend widget doesn't seem to be reading all of the style settings. In the sample below, it sets the background-color correctly, but not the font-size, font-style or color. Is this a bug?

<style type="text/css">
    .esriLegendGroupLayer
    {
     background-color:Blue
    }
    .esriLegendLayer
    {
     background-color:Silver;
     font-size:xx-small;
     font-style:italic;
     color:Green
    }
    .esriLegendLayerLabel
    {
     background-color:Gray;
     font-size:xx-small
    }
    .esriLegendService
    {
     display:none;
     background-color:transparent
    }
    .esriLegendServiceLabel
    {
     display:none;
        background-color:transparent
    }
</style>
...
    function showLegend() {
        var legend = new esri.dijit.Legend({ map: map }, "legendDiv");
        legend.startup();
    }

Outcomes