title: converting an updatePanel to TELERIK
body: <p>Using ASP.Net webforms I have a pop up containing 2 tabs, which display info on a feature, 'FEATURE PROPERTIES' and 'IMAGES'. Each time a new feature is clicked the pop up is updated with the new feature details. </p>
  
  <p>I was making the call back to the server where updatePanel8 was being updated. Unfortuantelly I am trying to convert my website to telerik and I am having difficulties implenting this. I have read many Q's on telerik forms some suggest trying RadAjaxPanel others suggest tryiing RadAjaxManager, but either way I cant seem to get it working as I cant use an update panel inside a panel when I am using telerik.</p>
  
  <pre><code>**MY CODE:**
        &lt;asp:Panel ID="ViewFeatureProperties" runat="server" BackColor="Snow" Width="300"
                 HorizontalAlign="Center"&gt; 
                 &lt;asp:UpdatePanel runat="server" ID="UpdatePanel8" UpdateMode="Conditional" ChildrenAsTriggers="true"
                     Style="position: relative; overflow: hidden; background-color: White;               
                    width: 300px; height: 300px; margin: 5px; text-align: center; outline-style: none; overflow-y: hidden; overflow-x:hidden;"&gt;
  
                     &lt;ContentTemplate&gt;
                             &lt;div id="DivHolding2Tabs" class="overflowcontent webkit-scrollbar webkit-scrollbar-track webkit-scrollbar-thumb" style="width:100%;border-color:Black;border-width:1px;border-style:solid;"&gt;
                                 &lt;ul id="tabList" style="width:100%"&gt; 
                                     &lt;li&gt;&lt;a href="#tabs-1"&gt;Info&lt;/a&gt; &lt;/li&gt;
                                     &lt;li&gt;&lt;a href="#tabs-2" style="display:none;"&gt;Images&lt;/a&gt; &lt;/li&gt;
                                 &lt;/ul&gt;
  
                                 &lt;div id="tabs-1" class="WorkFlowLayout"&gt;
                                         &lt;b&gt;&lt;font color="FF6600"&gt;Feature Properties &lt;/font&gt;&lt;/b&gt;
                                          &lt;div id="divFeatureInfo" runat="server"&gt;
                                          &lt;/div&gt;
                                 &lt;/div&gt;
  
                                 &lt;div id="tabs-2" class="WorkFlowLayout"&gt;
                                          &lt;b&gt;&lt;font color="FF6600"&gt;Images&lt;/font&gt;&lt;/b&gt;
                                          &lt;div id="ImagesRelatingToFeatureDIV" runat="server"&gt;  
                                         &lt;/div&gt;
                                 &lt;/div&gt;
                             &lt;/div&gt;
                             &lt;br /&gt;
                             &lt;br /&gt;
                             &lt;div class="buttonwrap"&gt;
                                 &lt;span id="Span5" class="ActionBtns"&gt;
                                     &lt;asp:Button ID="ViewFeatureWorkflowImagePostBackBtn" runat="server" Style="display: none;
                                         visibility: hidden;" OnClick="ViewFeatureWorkflowImagePostBackBtn_Click" /&gt;
                                 &lt;/span&gt;
                             &lt;/div&gt;
  
                     &lt;/ContentTemplate&gt;
                     &lt;Triggers&gt;
                         &lt;asp:AsyncPostBackTrigger ControlID="ViewFeatureWorkflowImagePostBackBtn" EventName="Click" /&gt;
                     &lt;/Triggers&gt;
                 &lt;/asp:UpdatePanel&gt;
             &lt;/asp:Panel&gt;
  
  **CODE BEHIND**
  protected void ViewFeatureWorkflowImagePostBackBtn_Click(object sender, EventArgs e)
  {
  ReloadUploadedImagesForFeatureWorkflow();
  }
  
  
  private void ReloadUploadedImagesForFeatureWorkflow()
  {
  //generate the new details for the popup
  UpdatePanel8.Update();
  script.Append("OpenPropertiesPopUp();");
  
  ScriptManager.RegisterClientScriptBlock(UpdatePanel8,                                                        UpdatePanel8.GetType(),                                             "OpenPropertiesPopupCall()",
  script.ToString(),
  true);
  }
  </code></pre>
  
  <hr>
  
  <hr>
  
  <p>Some exmaples I have tried are:</p>
  
  <pre><code>   &lt;telerik:radajaxmanager id="ajaxManager1"  runat="server" UpdatePanelsRenderMode="Inline"&gt;&lt;%-- defaultloadingpanelid="RadAjaxLoadingPanel1" runat="server"&gt;--%&gt;
              &lt;AjaxSettings&gt;
                  &lt;telerik:AjaxSetting AjaxControlID="ajaxManager1"&gt;
                      &lt;UpdatedControls&gt;
                          &lt;telerik:AjaxUpdatedControl ControlID="Panel1" /&gt;
                      &lt;/UpdatedControls&gt;
                  &lt;/telerik:AjaxSetting&gt;
              &lt;/AjaxSettings&gt;
          &lt;/telerik:radajaxmanager&gt;
  
           &lt;asp:Panel ID="Panel1" runat="server"&gt;
                          &lt;div id="Div1" class="overflowcontent webkit-scrollbar webkit-scrollbar-track webkit-scrollbar-thumb"
                               style="width: 100%; border-color: Black; border-width: 1px; border-style: solid;"&gt;
  
                           &lt;asp:Button ID="ViewFeatureWorkflowImagePostBackBtn" runat="server" Text="Update the first Panel" OnClick="ViewFeatureWorkflowImagePostBackBtn_Click" /&gt;
                           &lt;asp:Label ID="Label4" runat="server" Text="Label4"&gt;&lt;/asp:Label&gt;
  
  
                               &lt;ul id="Ul1" style="width: 100%"&gt;
                                   &lt;li&gt;&lt;a href="#tabs-1"&gt;Info&lt;/a&gt; &lt;/li&gt;
                                   &lt;li&gt;&lt;a href="#tabs-2" style="display: none;"&gt;Images&lt;/a&gt; &lt;/li&gt;
                               &lt;/ul&gt;
                               &lt;div id="tabs-1" class="WorkFlowLayout"&gt;
                                   &lt;b&gt;&lt;font color="FF6600"&gt;Feature Properties &lt;/font&gt;&lt;/b&gt;
                                   &lt;div id="divFeatureInfo" runat="server"&gt;
                                   &lt;/div&gt;
                               &lt;/div&gt;
                               &lt;div id="tabs-2" class="WorkFlowLayout"&gt;
                                   &lt;b&gt;&lt;font color="FF6600"&gt;Images&lt;/font&gt;&lt;/b&gt;
                                   &lt;div id="ImagesRelatingToFeatureDIV" runat="server"&gt;
                                   &lt;/div&gt;
                               &lt;/div&gt;
                           &lt;/div&gt;
                           &lt;br /&gt;
                           &lt;br /&gt;
                           &lt;div class="buttonwrap"&gt;
                               &lt;span id="Span6" class="ActionBtns"&gt;
                                   &lt;asp:Button ID="Button2" runat="server" Style="display: none; visibility: hidden;"
                                       OnClick="ViewFeatureWorkflowImagePostBackBtn_Click" /&gt;
                               &lt;/span&gt;
                           &lt;/div&gt;
  
           &lt;/asp:Panel&gt;
           &lt;br /&gt;
  
              &lt;telerik:radajaxloadingpanel id="RadAjaxLoadingPanel2" runat="server" skin="Default"&gt;&lt;/telerik:radajaxloadingpanel&gt;
  </code></pre>
  
  <p><strong>code behind</strong>
  UpdatePanel8.AjaxRequest;</p>
  
  <pre><code>        // UpdatePanel8.ResponseScripts.Add(String.Format("$find('{0}').ajaxRequest();", UpdatePanel8.ClientID));
  </code></pre>