<div dir="rtl"><div class="gmail_default" style="font-family:tahoma,sans-serif" dir="ltr"><p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">Thanks Phil,</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">This solves the problem when I use Leaflet (it didn't work for
me when I used OpenLayers).</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">Actually I used this:</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">.leaflet-popup-content {</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> width:margin-right !important;</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> padding-right:5px;</span></p>
<p class="MsoNormal" style="text-indent:36pt;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">text-align: Right;</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">}</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">But this solution causes 2 problems.</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Symbol">·</span><span style="font-size:7pt"> </span><span style="font-family:Tahoma,sans-serif">Every time I will export
again the map, it will create a new CSS file, without this manual update.</span></p>
<p class="MsoNormal" style="margin:0cm 14.45pt 6pt 18pt;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">Is there a way to make this update permanent (like using a
template)?</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Symbol">·</span><span style="font-size:7pt"> </span><span style="font-family:Tahoma,sans-serif">When I worked with
OpenLeayers (and not with Leaflet), I had the authors' name displayed on the
map using the following in the template (thanks to your help):</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </div></span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">
<div style="position: fixed; bottom:0;left:0; background-color: white;
opacity:0.6; padding:0px;z-index:2;"></span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">
<h1>authors' name</h1></span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">
</div></span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">But now that I work with Leaflet, the authors' name is not seen
on the map. It seems like it appears for a fraction of a second and then it
disappears under the map.</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">I tried playing with the z-index values: 1, 2, 3, with no
success.</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">Do you know what needs to be done in Leaflet in order to show it
on the map?</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">It worked fine in OpenLayers.</span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif"> </span></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial;margin:0cm 0cm 0.0001pt;font-size:12pt;font-family:"Times New Roman",serif"><span style="font-family:Tahoma,sans-serif">Yossi</span></p></div></div><br><div class="gmail_quote"><div dir="rtl">בתאריך יום ב׳, 6 באוג׳ 2018 ב-10:12 מאת Philip Barlow <<a href="mailto:philipb@pembrokeshirecoast.org.uk">philipb@pembrokeshirecoast.org.uk</a>>:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div lang="EN-GB" link="blue" vlink="purple">
<div class="m_454691181497852516WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">Hi Yossi,<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"><u></u> <u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">There isn’t an option to do this in the plugin but its easily done in the style sheet. Open up qgis2web.css in the css folder of the plugin output.<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"><u></u> <u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">Add “text-align:” to leaflet pop-up content.<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"><u></u> <u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">e.g.<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"><u></u> <u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">.leaflet-popup-content {<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"> width:200px;<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"> padding-right:10px;<u></u><u></u></span></p>
<p class="MsoNormal" style="text-indent:36.0pt"><u><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">text-align: Right;
<u></u><u></u></span></u></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">}<u></u><u></u></span></p>
<p class="MsoNormal" style="text-indent:36.0pt"><u><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"><u></u><span style="text-decoration:none"> </span><u></u></span></u></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d">Phil<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1f497d"><u></u> <u></u></span></p>
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt;font-family:"Tahoma","sans-serif""> Qgis-user [mailto:<a href="mailto:qgis-user-bounces@lists.osgeo.org" target="_blank">qgis-user-bounces@lists.osgeo.org</a>]
<b>On Behalf Of </b>Yossi Rokni<br>
<b>Sent:</b> 05 August 2018 14:18<br>
<b>To:</b> <a href="mailto:qgis-user@lists.osgeo.org" target="_blank">qgis-user@lists.osgeo.org</a><br>
<b>Subject:</b> [Qgis-user] Popup content aligned to the right<u></u><u></u></span></p>
<p class="MsoNormal"><u></u> <u></u></p>
<div>
<div>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">Hi,</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">I created a web map with a point layer.</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">The content of the layers' attributes is in Hebrew.
</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">The content is displayed in the popup.</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">It is aligned to left.</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif""> </span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">Is there an option to display the popup content aligned to the right? How?</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif""> </span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">I use <span class="m_454691181497852516gmail-il">QGIS</span> version 2.18.20</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">I created the web map using qgis2web plugin with OpenLayers</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif""> </span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">Thanks</span><u></u><u></u></p>
<p class="MsoNormal" style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-origin:initial;background-clip:initial">
<span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">Yossi</span><u></u><u></u></p>
</div>
</div>
</div>
<p align="left">Mae'r Awdurdod yn hapus i gyfathrebu yn Gymraeg neu yn Saesneg</p>
<p align="left">The Authority is happy to communicate in Welsh or English<br></p>
<div>***********************************************************************
</div>
<div>Website <a href="http://www.pembrokeshirecoast.org.uk" target="_blank">www.pembrokeshirecoast.org.uk</a></div>
<div>Follow us on <a href="http://twitter.com/PembsCoast" target="_blank">Twitter</a> </div>
<div>Join us on <a href="http://www.facebook.com/group.php?gid=26330984774&ref=ts" target="_blank">Facebook</a></div>
<div>Watch us on <a href="http://www.youtube.com/user/pcnpa2008#p/u/0/Tw8Udou0p5k" target="_blank">Youtube
</a></div>
<div>Look at us on <a href="http://www.flickr.com/photos/pembrokeshirecoast/" target="_blank">Flickr</a></div>
<div> </div>
<div> </div>
<div>This email and any attached files should only be read <font face="Arial">by</font> those persons to whom<br>they are addressed and be used by
them only for their intended purpose.<br>If you are not the intended recipient
please destroy all copies and inform the<br>sender by return
email.<br><br>Please note that the contents of this email may be subject to
public disclosure <br>under the Freedom of Information Act 2000 and therefore
the confidentiality of <br>this message and any reply cannot be
guaranteed.</div>
<div> </div>
<div><a href="http://www.pembrokeshirecoast.wales/default.asp?PID=413" target="_blank">Click
here</a> to view PCNPA Privacy Notice – Keeping your Information Safe</div>
<div><br>For further information on the PCNPA please visit our website at <a href="http://www.pembrokeshirecoast.org.uk" target="_blank">www.pembrokeshirecoast.org.uk</a></div>
<div><br>Please consider the environment before printing this email.<br><br>Dim
ond y personau hynny yr anfonwyd yr e-bost hwn atynt ac unrhyw ffeiliau sydd
<br>ynghlwm ddylid eu darllen, a dim ond hwy ddylid eu defnyddio at y diben y
bwriadwyd hwy. <br>Os nad y chi yw'r person y bwriadwyd eu derbyn a fyddech
gystal â dinistrio pob copi a rhoi <br>gwybod i'r anfonwr gyda throad yr
e-bost.<br><br>Noder os gwelwch yn dda y gall cynnwys yr e-bost hwn orfod cael
ei ddatgelu i'r cyhoedd o <br>dan Deddf Rhyddid Gwybodaeth 2000 ac felly ni
ellir gwarantu cyfrinachedd y neges hon <br>nac unrhyw ateb. <br><br><a href="http://www.pembrokeshirecoast.wales/default.asp?pid=413&LangID=2" target="_blank">Cliciwch
yma</a> i weld Hysbysiad Preifatrwydd APCAP - Cadw eich Gwybodaeth yn Ddiogel
</div>
<div><br>Am ragor o wybodaeth am APCAP ymwelwch â'n gwefan ar <a href="http://www.arfordirpenfro.org.uk" target="_blank">www.arfordirpenfro.org.uk</a>
<br><br>Ystyrier yr amgylchedd cyn argraffu'r e-bost hwn os gwelwch yn
dda.</div>
</div>
</blockquote></div><br clear="all"><div><br></div>-- <br><div dir="rtl" class="gmail_signature" data-smartmail="gmail_signature"><div dir="rtl"><div><font color="#3366ff">בברכה</font></div>
<div><font color="#3366ff"> יוסי רוקני</font></div></div></div>