title: button inside updatepanel cause entire page to refresh
body: <p>I use two <code>UpdatePanel</code> tags, one has a <code>Svg</code> inside and I need to refresh its content when a button is clicked, and the button is inside another <code>UpdatePanel</code>. And I just realize my <code>Page_Load</code> function in codebehind gets executed everytime I click the button. I set the property <code>UpdateMode="Conditional"</code> already but not helping. Any idea why? Following is my code:</p>
  
  <pre><code>           &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
             &lt;/asp:ScriptManager&gt;
             &lt;asp:UpdatePanel runat="server" id="GlobalUpdatePanel" UpdateMode="Conditional"&gt;
                &lt;Triggers&gt;
                    &lt;asp:AsyncPostBackTrigger controlid="ButtonPP" eventname="Click" /&gt;
                &lt;/Triggers&gt;
                &lt;ContentTemplate&gt;
                    &lt;svg width ="1024" height = "540"&gt;&lt;/svg&gt;            
                &lt;/ContentTemplate&gt;
             &lt;/asp:UpdatePanel&gt;
             &lt;asp:UpdatePanel ID="ControlUpdatePanel" runat="server" Visible="True" UpdateMode="Conditional"&gt;
                &lt;ContentTemplate&gt;      
                    &lt;asp:Button id ="ButtonPP" runat="server" Text="Run PP"  OnClick="ButtonPP_Click" /&gt;
                &lt;/ContentTemplate&gt;
             &lt;/asp:UpdatePanel&gt; 
  </code></pre>
  
  <p>Thanks in advance!</p>