ThinkGeo.com    |     Documentation    |     Premium Support

Overlay Switcher Background Color Not Working

#1

The default overlay switcher uses a partially transparent light gray background and white text.  This is somewhat hard to see, at least when using OpenStreetMaps as the base layer. I attempted to change the overlay switcher with the following code in my controller after enabling the tool:




 map.MapTools.OverlaySwitcher.BackgroundColor = GeoColor.StandardColors.DarkBlue;

map.MapTools.OverlaySwitcher.RoundedCornerColor = GeoColor.StandardColors.DarkBlue;

However, only the rounded corner color changes.  The main background color for the switcher does not change and the text remains difficult to read as a result.  Am I misusing the BackgroundColor property, or is this a bug?

#2

Hi Michael,



Thanks for reporting this issue.

Currently, there does a bug in background color, but I think we don’t need to fix it as both of the backgroundcolor and roundedcornercolor will be removed in the future. The reason is we have upgrade the Openlayer from 2.11 to 2.13 which is the map engine in Mvc Edition, in the latest version Ol 2.13, the two related feature have been removed. As an option, we can change the css style directly to archive it.



We can find the map css style file at : \Content\theme\default\style.css and then find the layerswitcher div css defined:




.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}
 
.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 75px;
    background-color: blue;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    border-radius: 1em;
}

 I think change the css file is a better solution for the future. 

Btw, the OL 2.13 have been applied in Mvc Edition since 7.0.281.0. After the upgrade, we can enjoy more new features and enhancements.



Hope it helps.

Regards,

Troy