This is a migrated thread and some comments may be shown as answers.

Modal Extender Popup Background and Rad Grid

9 Answers 309 Views

Grid

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 04 Feb 2011, 06:57 AM

Note: If possible please reply back by today we have some urgent issues due to this.

Hi,

Yes we are using RadAjaxPanel and UpdatePanel on top of Asp Panel and ModalPopupextender as we do not want postback and wanted to ensure that page does not hang (Page was stucking if we were not using RadAjaxPanel on top updatepanel)

1. Below is a sample code for .aspx
2. .aspx.cs we "UpdatePanel2.Update(); UpdatePanel2.Show();" as per our
requirements.
3.User control - uclMyControl has one RadGrid and button inside it - RadGrid skin is office 2007 and button has no style.
-------------------------------------------------------------------------------

Styles used :
.modalBackgroundpop
{
background-color: Gray;
filter: alpha(opacity=50);
opacity: 0.9;
position: relative;
z-index: 250000;
}

Sample code :

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true" Enabled="true" RenderMode="Inline">
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="conditional">
    <ContentTemplate>
      <asp:ModalPopupExtender ID="UpdatePanel2" BackgroundCssClass="modalBackgroundpop"runat="server"
          PopupControlID="Panel1" TargetControlID="btnMyBtn">
     </asp:ModalPopupExtender>
     <asp:Panel ID="Panel1" runat="server" Width="50%" BorderColor="#CAE1FF" BackColor="#EFF7FF" Style="display:none">
       <uc3:uclMyControl ID="uclMyControl1" runat="server" />
    </asp:Panel>
   <asp:Button ID="btnMyBtn" runat="server" Height="0px" Width="0px" Style="display: none" />
</ContentTemplate>
</asp:UpdatePanel>
</telerik:RadAjaxPanel>
-------------------------------------------------------------------------------
Thanks and regards,
Manish Patel

answered on 04 Feb 2011, 08:58 AM

Hi Manishkumar,

The Modal Popup Extender will not cause a postback itself, therefore, you do not need to put it in an ajax initiating control. It is enough to wrap only the content in the asp Panel (in this case the uclMyControl1 control) with either an UpdatePanel or a RadAjaxPanel:

<asp:ModalPopupExtender ID="UpdatePanel2" BackgroundCssClass="modalBackgroundpop"runat="server"

PopupControlID="Panel1" TargetControlID="btnMyBtn">

</asp:ModalPopupExtender>

<asp:Panel ID="Panel1" runat="server" Width="50%" BorderColor="#CAE1FF" BackColor="#EFF7FF" Style="display:none">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true" Enabled="true" RenderMode="Inline">

<uc3:uclMyControl ID="uclMyControl1" runat="server" />

</telerik:RadAjaxPanel>

</asp:Panel>

<asp:Button ID="btnMyBtn" runat="server" Height="0px" Width="0px" Style="display: none" />

Let us know if this fixes the issue on your side.

Kind regards,
Tsvetina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 04 Feb 2011, 10:58 AM

Hi,

Note: If possible please reply back by today We are stuck and need to take important decision whether to go ahead or not with RadControl grids or not.

It is true that modalpopupextender will not cause postback but I do not want page to be posted back when I close modalpopupextender. Also, the data in Radgrid does not upate it self when i use RadAjax panel aroun my panel. So I need to have update panel to update radgrid and avoid postback.

It seems when we use UpdatePanel and Radgrid togather with modal popup exteder i do not get my background.

Please suggest.

Thanks and regards,
Manish Patel

answered on 07 Feb 2011, 05:54 PM

Hi,

This is of very little use to me considering the current scenario.

Is there any ways by which i can get a solution for Update panel, modal popup extender and Rad Grid combination - Modal popupextender should open and close without postback...So that i can update data in user control when modal pop up opens and update data on parent page when modal pop upextender close... without postback and still have a gray background - As described in code snippet?

If possible please provide some sample considering above fact.

Please consider this on priority.

Thanks and regards,
Manish patel

answered on 14 Feb 2011, 08:13 AM

Hello Manishkumar,

Could you please confirm if the background color is not considered correctly only when you have a RadGrid control in the scenario? Does the problem replicate with other controls which are not part of the RadControls suite, because, by default, RadGrid should not be causing such problem and it might be originating from another source.

Additionally, our support does not include custom solutions. However, if you provide us with fully runnable sample, we can look at what is wrong. Other than this, we can only offer you working examples of how to achieve similar functionality with RadControls only.

Regards,
Tsvetina
the Telerik team