7e5cd23ad0
documents the class style naming for OL, although it isn't implemented yet, so that we have a standard to work against. Update release scripts, tests, and create a 'theme' directory which will hold theme information as it is developed. git-svn-id: http://svn.openlayers.org/trunk/openlayers@1639 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
50 lines
1.3 KiB
Plaintext
50 lines
1.3 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;
|
|
}
|