<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:0in;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman","serif";}
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:0in;
        mso-margin-bottom-alt:auto;
        margin-left:0in;
        font-size:12.0pt;
        font-family:"Times New Roman","serif";}
pre
        {mso-style-priority:99;
        mso-style-link:"HTML Preformatted Char";
        margin:0in;
        margin-bottom:.0001pt;
        font-size:10.0pt;
        font-family:"Courier New";}
span.HTMLPreformattedChar
        {mso-style-name:"HTML Preformatted Char";
        mso-style-priority:99;
        mso-style-link:"HTML Preformatted";
        font-family:Consolas;}
span.EmailStyle20
        {mso-style-type:personal-reply;
        font-family:"Calibri","sans-serif";
        color:#1F497D;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-family:"Calibri","sans-serif";}
@page WordSection1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
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 lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#1F497D">Nice looking framework wish I’d seen this a few months back.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#1F497D"><o:p>&nbsp;</o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt;font-family:&quot;Tahoma&quot;,&quot;sans-serif&quot;">From:</span></b><span style="font-size:10.0pt;font-family:&quot;Tahoma&quot;,&quot;sans-serif&quot;"> users-bounces@geoext.org [mailto:users-bounces@geoext.org]
<b>On Behalf Of </b>Zsolt Magyar<br>
<b>Sent:</b> Thursday, September 04, 2014 8:29 AM<br>
<b>To:</b> Hari Pradhan<br>
<b>Cc:</b> users@geoext.org<br>
<b>Subject:</b> Re: [Users] How to change mappanel width and height dynamically<o:p></o:p></span></p>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
<div>
<p class="MsoNormal">Hi&nbsp;<span style="font-size:10.0pt;font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">Ceyhun,</span><o:p></o:p></p>
<div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">You can find here&nbsp;</span><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;"><a href="http://heron-mc.org/">http://heron-mc.org/</a>&nbsp; every information, or join the google group:&nbsp;<a href="https://groups.google.com/forum/?hl=en#!forum/geoext-viewer-devel">https://groups.google.com/forum/?hl=en#!forum/geoext-viewer-devel</a>&nbsp;</span><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">Bests,</span><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">Zsolt</span><o:p></o:p></p>
</div>
</div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><o:p>&nbsp;</o:p></p>
<div>
<p class="MsoNormal">2014-09-04 15:23 GMT&#43;02:00 Hari Pradhan &lt;<a href="mailto:starling.lucky@gmail.com" target="_blank">starling.lucky@gmail.com</a>&gt;:<o:p></o:p></p>
<div>
<p class="MsoNormal">Hi Ceyhun,<o:p></o:p></p>
<div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
<div>
<p class="MsoNormal">Can you try the code below? It worked for me.<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
<div>
<div>
<p class="MsoNormal">&nbsp; &nbsp; &nbsp;// Resize map view panel when window is resized.<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">&nbsp; &nbsp; &nbsp; &nbsp; Ext.EventManager.onWindowResize(function () {<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var height = Ext.getBody().getViewSize().height - 80;<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var width = Ext.getBody().getViewSize().width;<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yourPanel.setSize(width, height);<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">&nbsp; &nbsp; &nbsp; &nbsp; });<o:p></o:p></p>
</div>
</div>
<div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
<div>
<p class="MsoNormal">Thanks,<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">Hari<o:p></o:p></p>
</div>
</div>
<div>
<div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><o:p>&nbsp;</o:p></p>
<div>
<p class="MsoNormal">On Thu, Sep 4, 2014 at 8:13 AM, Ceyhun Ganioglu &lt;<a href="mailto:ceyhunganioglu@gmail.com" target="_blank">ceyhunganioglu@gmail.com</a>&gt; wrote:<o:p></o:p></p>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">Hi Zsolt,<br>
<br>
I saw it in some mailing lists and forums while searching on the internet. I had no chance to have a look. Anyway spent some time trying to learn some geoext, openlayers and ext. If this Heron thing does not have very detailed documentation which makes everything
 easy feven for beginners, no need to waste some more time. <br>
<br>
Otherwise I can have a look at it.<br>
<br>
Regards<br>
<br>
</span><o:p></o:p></p>
<div>
<p class="MsoNormal">04.09.2014 16:09 tarihinde, Zsolt Magyar yazdı:<o:p></o:p></p>
</div>
<div>
<div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<div>
<p class="MsoNormal">Hi Guys, <o:p></o:p></p>
<div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
<div>
<p class="MsoNormal">Do you know Heron Mapping JavaScript library?&nbsp;<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">It is a very good solution to make own webmap app. an easy way!<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">Have a Nice Work with it!<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
<div>
<p class="MsoNormal">Regards:<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">Zsolt Magyar<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><o:p>&nbsp;</o:p></p>
<div>
<p class="MsoNormal">2014-09-04 14:03 GMT&#43;02:00 Ceyhun Ganioglu &lt;<a href="mailto:ceyhunganioglu@gmail.com" target="_blank">ceyhunganioglu@gmail.com</a>&gt;:<o:p></o:p></p>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">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();&nbsp; in the &quot;onresize&quot; 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>
<div>
<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:&quot;Arial&quot;,&quot;sans-serif&quot;">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:&quot;Arial&quot;,&quot;sans-serif&quot;">Hi Marc,<br>
<br>
Thanks for your email. Here is my code:<br>
<br>
<a href="http://tny.cz/d6cde4a2" target="_blank">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 &quot;for dummies&quot; way? Many thanks<o:p></o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt"><o:p>&nbsp;</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" target="_blank">Users@geoext.org</a><o:p></o:p></pre>
<pre><a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users" target="_blank">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><o:p></o:p></pre>
</blockquote>
</blockquote>
</blockquote>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</blockquote>
</blockquote>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</blockquote>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
</div>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@geoext.org" target="_blank">Users@geoext.org</a><br>
<a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users" target="_blank">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><o:p></o:p></p>
</div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
</div>
</blockquote>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
</div>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@geoext.org" target="_blank">Users@geoext.org</a><br>
<a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users" target="_blank">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><o:p></o:p></p>
</div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
</div>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@geoext.org">Users@geoext.org</a><br>
<a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users" target="_blank">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><o:p></o:p></p>
</div>
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
</div>
</div>
</body>
</html>