<div dir="ltr">All components in OpenLayers can be changed with CSS. It´s only a matter of finding which css classes or id the component you want to customize has.<br><br>In case of LayerSwitcher you have several CSS classes.<br>
<br>If you want to see an example of customizing the LayerSwitcher, go to this URL: <a href="http://www.mirame.chduero.es/DMADuero_09_Viewer">http://www.mirame.chduero.es/DMADuero_09_Viewer</a> and click in the upper-right corner arrow to open the layerSwitcher. The viewer is spanish only but I guess you´ll find everything you need easily. This viewer has a custom LayerSwitcher slightly different from the OpenLayers original one.<br>
<br><br><br><br><div class="gmail_quote">2008/10/8 Michelle Richardson <span dir="ltr"><<a href="mailto:michelle.richardson2@baesystems.com">michelle.richardson2@baesystems.com</a>></span><br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<br>
Hiya jecheve<br>
<br>
You could also try something like I have below. I simply used the IE<br>
Developer toolbox to identify the div element I wanted to alter then either<br>
reset attributes or added a ref to a css class.<br>
<br>
//Changes the css class of part of the layerswitcher to ensure it scrolls if<br>
there are lots of layers on the map server<br>
function makeLayerSwitcherScrollable()<br>
{<br>
var layersDiv =<br>
document.getElementById("OpenLayers.Control.LayerSwitcher_4_layersDiv");<br>
layersDiv.width = "";<br>
var divToChange = layersDiv.children[3];<br>
divToChange.className ="scrolling";<br>
}<br>
<font color="#888888"><br>
--<br>
View this message in context: <a href="http://n2.nabble.com/Help-needed-to-customize-%28a-bit-only%29-LayerSwitcher-control-tp1304674p1306905.html" target="_blank">http://n2.nabble.com/Help-needed-to-customize-%28a-bit-only%29-LayerSwitcher-control-tp1304674p1306905.html</a><br>
</font><div><div></div><div class="Wj3C7c">Sent from the OpenLayers Dev mailing list archive at Nabble.com.<br>
<br>
_______________________________________________<br>
Dev mailing list<br>
<a href="mailto:Dev@openlayers.org">Dev@openlayers.org</a><br>
<a href="http://openlayers.org/mailman/listinfo/dev" target="_blank">http://openlayers.org/mailman/listinfo/dev</a><br>
</div></div></blockquote></div><br><br clear="all"><br><br>
</div>