<html 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" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 14 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
color:black;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";
color:black;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Vorformatiert Zchn";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";
color:black;}
span.HTMLVorformatiertZchn
{mso-style-name:"HTML Vorformatiert Zchn";
mso-style-priority:99;
mso-style-link:"HTML Vorformatiert";
font-family:Consolas;
color:black;}
span.E-MailFormatvorlage20
{mso-style-type:personal-reply;
font-family:"Arial","sans-serif";
color:#1B367A;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;}
div.WordSection1
{page:WordSection1;}
--></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 bgcolor="white" lang="DE" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A">Hi Ceyhun,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A"><o:p> </o:p></span></p>
<pre><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A">it seems that you layout your components by yourself by rendering them to DIV-elements (</span><span lang="EN-US" style="color:windowtext">renderTo: 'gxmap'</span><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A">). If you use an Ext-layout, for example a BorderLayout (<a href="http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.layout.BorderLayout">http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.layout.BorderLayout</a>) resizing would all be handled by ExtJS. There are good examples showing you the different layout possibilities (<a href="http://dev.sencha.com/deploy/ext-3.4.0/examples/#sample-9">http://dev.sencha.com/deploy/ext-3.4.0/examples/#sample-9</a>).<o:p></o:p></span></pre>
<pre><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A"><o:p> </o:p></span></pre>
<pre><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A">Cheers,<o:p></o:p></span></pre>
<pre><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A">Chris<o:p></o:p></span></pre>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:11.0pt;font-family:"Arial","sans-serif";color:#1B367A"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif";color:windowtext">Von:</span></b><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif";color:windowtext"> users-bounces@geoext.org [mailto:users-bounces@geoext.org]
<b>Im Auftrag von </b>Ceyhun Ganioglu<br>
<b>Gesendet:</b> Donnerstag, 4. September 2014 14:04<br>
<b>An:</b> Marc Jansen; users@geoext.org<br>
<b>Betreff:</b> Re: [Users] How to change mappanel width and height dynamically<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:"Arial","sans-serif"">Hi Marc,<br>
<br>
Yes you are right. MapPanel perfectly resized. But now I can not do the same resize for the LayerTree panel. Container division does not make the same effect to it.<br>
<br>
And another thing is I am trying to run a map.updateSize(); in the "onresize" Javascript file. It does not make any map updates
<br>
<br>
Regards<br>
<br>
</span><o:p></o:p></p>
<div>
<p class="MsoNormal">04.09.2014 14:17 tarihinde, Marc Jansen yazdı:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<div>
<p class="MsoNormal">Hey Ceyhun,<br>
<br>
if I remember correctly: yes.<br>
<br>
Best,<br>
Marc<br>
<br>
<br>
<br>
On 04.09.2014 13:05, Ceyhun Ganioglu wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:"Arial","sans-serif"">Hey,<br>
<br>
So basicly, if I don't give any sizes to the Mappanel and resize the container division onresize mappanel will automatically resize. Right?<br>
<br>
Regards<br>
<br>
</span><o:p></o:p></p>
<div>
<p class="MsoNormal">04.09.2014 14:03 tarihinde, Marc Jansen yazdı:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<div>
<p class="MsoNormal">Hey,<br>
<br>
I think this is because you use absolute values for width and height of the mappanel. When the browsers dimensions change, your panels dimensions won't. If you have the MapPanel in a layout that reacts on changes to the browser dimensions, everything should
work.<br>
<br>
Best,<br>
Marc<br>
<br>
<br>
On 04.09.2014 12:56, Ceyhun Ganioglu wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:"Arial","sans-serif"">Hi Marc,<br>
<br>
Thanks for your email. Here is my code:<br>
<br>
<a href="http://tny.cz/d6cde4a2">http://tny.cz/d6cde4a2</a><br>
<br>
When I resize the browser mappanel size does not change accordingly. That's why I am trying to do it with onresize
<br>
<br>
Many thanks</span><o:p></o:p></p>
<div>
<p class="MsoNormal">04.09.2014 13:50 tarihinde, Marc Jansen yazdı:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<div>
<p class="MsoNormal">Hey Ceyhan,<br>
<br>
usually you don't need to update the size manually, as GeoExt should register appropriate eventlisteners already. Can you share code.<br>
<br>
Best,<br>
Marc<br>
<br>
<br>
On 03.09.2014 15:35, Ceyhun Ganioglu wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p>Hi, <o:p></o:p></p>
<p>I am trying to change mappanel width and height on resize of the browser and call map.updateSize function<o:p></o:p></p>
<p>Can anybody send me a simple example piece of code or tell me how to do it in a "for dummies" way? Many thanks<o:p></o:p></p>
<p class="MsoNormal"><br>
<br>
<br>
<o:p></o:p></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Users mailing list<o:p></o:p></pre>
<pre><a href="mailto:Users@geoext.org">Users@geoext.org</a><o:p></o:p></pre>
<pre><a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><o:p></o:p></pre>
</blockquote>
</blockquote>
</blockquote>
<p class="MsoNormal"><o:p> </o:p></p>
</blockquote>
</blockquote>
<p class="MsoNormal"><o:p> </o:p></p>
</blockquote>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>