3948913bfc
has been done in the NaturalDocs branch back to trunk. Thanks to everyone who helped out in making this happen. (I could list people, but the list would be long, and I'm already mentally on vacation.) git-svn-id: http://svn.openlayers.org/trunk/openlayers@3545 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
50 lines
1.4 KiB
Plaintext
50 lines
1.4 KiB
Plaintext
Customizing OpenLayers
|
|
======================
|
|
|
|
OpenLayers is designed to fit many needs -- fitting in alongside all kinds of
|
|
various applications which are currently in use.
|
|
|
|
Currently, OpenLayers supports a 'theme' option when creating a map. This
|
|
theme option allows you to specify the location of a CSS theme which should
|
|
be included.
|
|
|
|
A default theme is available as an example in the theme/ directory: the setup
|
|
is:
|
|
|
|
* theme/
|
|
* theme/default/
|
|
* theme/default/style.css
|
|
* theme/default/img/
|
|
|
|
Currently, the OpenLayers code does not support class names, and therefore,
|
|
it is not possible to control many aspects of OpenLayers code with CSS
|
|
classes. However, with this framework in place, we expect to invest time
|
|
to make existing features and new features use the CSS theming framework
|
|
where apropriate.
|
|
|
|
|
|
Class Naming
|
|
============
|
|
Elements should have class names which are descriptive of the Javascript
|
|
class from which they come. For example, the main layer switcher element
|
|
in the OpenLayers.Control.LayerSwitcher would be classed:
|
|
|
|
olControlLayerSwitcher
|
|
|
|
This would allow users to add to their style.css class in their theme,
|
|
changing, for example:
|
|
|
|
::
|
|
|
|
.olControlLayerSwitcher input {
|
|
width:10px;
|
|
}
|
|
|
|
Sub elements of a particular control can add to the class name:
|
|
|
|
::
|
|
|
|
.olControlLayerSwitcherBaseLabel {
|
|
color: red;
|
|
}
|