<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7654.12">
<TITLE>jQuery UI Themes</TITLE>
</HEAD>
<BODY>
<!-- Converted from text/plain format -->
<BR>
<P><FONT SIZE=2>I started to work on styling the map with the standard<BR>
jQuery UI classes to provide support of jQuery UI themes.<BR>
<BR>
To do this I had to do 2 things:<BR>
<BR>
1. Create the map using a custom css (with no colors or fonts)<BR>
<BR>
$.widget("geo.geoCore", {<BR>
// default options<BR>
options: {<BR>
allOverlays: true,<BR>
theme: 'jqui.css'<BR>
},<BR>
<BR>
2. Add jquery standard classes after the creation of the map<BR>
<BR>
$(".olControlLayerSwitcher")<BR>
.addClass("ui-widget")<BR>
.addClass("ui-corner-left")<BR>
.addClass("ui-widget-content")<BR>
;<BR>
...<BR>
<BR>
I did a screenshot (work in progress), you can see it here[1]<BR>
<BR>
I think doing this is a bit dirty but I did this way<BR>
because I didn't want to edit jQuery's code.<BR>
<BR>
The questions are:<BR>
<BR>
- Do you know a better way to do that?<BR>
- Do you think it is useful or everybody will use external<BR>
components like here [2]?<BR>
<BR>
[1] <A HREF="http://gitorious.org/~jacarma/geojquery/jacarmas-geojquery/blobs/master/img/mintchoc-redmond.png">http://gitorious.org/~jacarma/geojquery/jacarmas-geojquery/blobs/master/img/mintchoc-redmond.png</A><BR>
[2] <A HREF="http://demo.mapfish.org/mapfishsample/trunk/examples/map/toolbar.html">http://demo.mapfish.org/mapfishsample/trunk/examples/map/toolbar.html</A><BR>
<BR>
<BR>
<BR>
</FONT>
</P>
</BODY>
</HTML>