<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/TR/REC-html40" xmlns:v =
"urn:schemas-microsoft-com:vml" xmlns:o =
"urn:schemas-microsoft-com:office:office" xmlns:w =
"urn:schemas-microsoft-com:office:word" xmlns:m =
"http://schemas.microsoft.com/office/2004/12/omml"><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18876">
<STYLE>@font-face {
font-family: Calibri;
}
@font-face {
font-family: Tahoma;
}
@page Section1 {size: 612.0pt 792.0pt; margin: 70.85pt 70.85pt 70.85pt 70.85pt; }
P.MsoNormal {
MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Calibri","sans-serif"; FONT-SIZE: 11pt
}
LI.MsoNormal {
MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Calibri","sans-serif"; FONT-SIZE: 11pt
}
DIV.MsoNormal {
MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Calibri","sans-serif"; FONT-SIZE: 11pt
}
A:link {
COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
}
SPAN.MsoHyperlink {
COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
}
A:visited {
COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
}
SPAN.MsoHyperlinkFollowed {
COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
}
P.MsoAcetate {
MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Tahoma","sans-serif"; FONT-SIZE: 8pt; mso-style-priority: 99; mso-style-link: "Texte de bulles Car"
}
LI.MsoAcetate {
MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Tahoma","sans-serif"; FONT-SIZE: 8pt; mso-style-priority: 99; mso-style-link: "Texte de bulles Car"
}
DIV.MsoAcetate {
MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Tahoma","sans-serif"; FONT-SIZE: 8pt; mso-style-priority: 99; mso-style-link: "Texte de bulles Car"
}
SPAN.EmailStyle17 {
FONT-FAMILY: "Calibri","sans-serif"; COLOR: windowtext; mso-style-type: personal-compose
}
SPAN.TextedebullesCar {
FONT-FAMILY: "Tahoma","sans-serif"; mso-style-priority: 99; mso-style-link: "Texte de bulles"; mso-style-name: "Texte de bulles Car"
}
.MsoChpDefault {
mso-style-type: export-only
}
DIV.Section1 {
page: Section1
}
</STYLE>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></HEAD>
<BODY lang=FR link=blue bgColor=#ffffff vLink=purple>
<DIV><FONT size=2>hi</FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV><FONT size=2>if you want to show/hide the whole leftbar div, simply put it
into another div and add some javascript, either directly in your
cartoclient.tpl header in a <script>..</script> tag or in a separate
.js file:</FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV><FONT size=2><script></FONT></DIV>
<DIV><FONT size=2> function toogleleftbarcontainer () {</FONT></DIV>
<DIV><FONT size=2> var
el=document.getElementById('leftbarcontainer');</FONT></DIV>
<DIV><FONT size=2> if (el.style.display == 'block') {</FONT></DIV>
<DIV><FONT size=2> el.style.display ==
'none';</FONT></DIV>
<DIV><FONT size=2> } else {</FONT></DIV>
<DIV><FONT size=2>
<DIV><FONT size=2> el.style.display ==
'block';</FONT> </FONT></DIV></DIV>
<DIV><FONT size=2> }</FONT></DIV>
<DIV><FONT size=2> }</FONT></DIV>
<DIV><FONT size=2></script></FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV><FONT size=2>...</FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV><FONT size=2><div id="leftbarcontainer"
onclick="javascript:toogleleftbarcontainer()"></FONT></DIV>
<DIV><FONT size=2> <div id="leftbar"></FONT></DIV>
<DIV><FONT size=2> ...</FONT></DIV>
<DIV><FONT size=2> </div></FONT></DIV>
<DIV><FONT size=2></div></FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV><FONT size=2>something like that, I let you try and modify as
needed</FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV><FONT size=2>regards</FONT></DIV>
<DIV><FONT size=2>Oliver</FONT></DIV>
<BLOCKQUOTE
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px">
<DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
<DIV
style="FONT: 10pt arial; BACKGROUND: #e4e4e4; font-color: black"><B>From:</B>
<A title=j.joalland@memoris.fr href="mailto:j.joalland@memoris.fr">JOALLAND
jérémie</A> </DIV>
<DIV style="FONT: 10pt arial"><B>To:</B> <A
title=cartoweb-users@lists.maptools.org
href="mailto:cartoweb-users@lists.maptools.org">cartoweb-users@lists.maptools.org</A>
</DIV>
<DIV style="FONT: 10pt arial"><B>Sent:</B> Monday, March 22, 2010 4:00
PM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> [Cartoweb-users] Customize
cartoweb with new button</DIV>
<DIV><BR></DIV>
<DIV class=Section1>
<P class=MsoNormal><SPAN lang=EN-US>I am new in Cartoweb and have to customize
an existing project.<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US>I would like to add a new button in order
to Show / Hide the Leftbar div (which contains the layers management, export
plugin, etc.).<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US>So when the user will access the cartoweb
project he will only see the tools and map, then he can click this new button
to show the leftbar to access advanced functionalities to manage layers,
export, etc… and he can hide the leftbar by clicking again this bew
button.<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US><o:p> </o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US>I can see how to change the design with
the cartoclient.tpl, but then I’m lost with the different folders/files and
javascript…<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US><o:p> </o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US>So what is the best way to customize my
project ?<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US><o:p> </o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US>Thanks,<o:p></o:p></SPAN></P>
<P class=MsoNormal><SPAN lang=EN-US>Jeremie<o:p></o:p></SPAN></P></DIV>
<P>
<HR>
<P></P>_______________________________________________<BR>Cartoweb-users
mailing
list<BR>Cartoweb-users@lists.maptools.org<BR>http://lists.maptools.org/mailman/listinfo/cartoweb-users<BR></BLOCKQUOTE></BODY></HTML>