By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
445,876 Members | 1,200 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 445,876 IT Pros & Developers. It's quick & easy.

Ajax CollapsiblePanelExtender And Ajax Modal popup Extender

malav123
100+
P: 217
Hi,
In my master page i have right pannel, in which i am using the user control and collapsiblePanelExtender and in that right panel there is one link button named "Event", so if user clicks on that link button then the modal popup extender will be displayed... all thing is working well but when modal popup extender displays at that time in the back side collapsible extender also works that is not desirable situation of the modal popup control... so where is the problem in my master page or user control... pls suggest me i am waiting.. it's urgent....

thanks in advance....


-malav.
May 20 '08 #1
Share this Question
Share on Google+
10 Replies


acoder
Expert Mod 15k+
P: 16,027
So, if I understand correctly, when the modal popup extender displays, the collapsible extender also opens behind it? Post your code.
May 20 '08 #2

malav123
100+
P: 217
So, if I understand correctly, when the modal popup extender displays, the collapsible extender also opens behind it? Post your code.

ya you understood correctly...
May 21 '08 #3

acoder
Expert Mod 15k+
P: 16,027
Well, then, post your code or a link to a test page demonstrating the problem.
May 21 '08 #4

malav123
100+
P: 217
Well, then, post your code or a link to a test page demonstrating the problem.

Sorry still our project in development face... so i can't give u link for demo but ya i am using user controll in right pannel of master page and in right panel i m using both collapsible extender and modal popup extender...
May 21 '08 #5

acoder
Expert Mod 15k+
P: 16,027
Without seeing the code, I can't really help. At least post the code which is executed when the button is clicked to open the modal popup.
May 21 '08 #6

malav123
100+
P: 217
Without seeing the code, I can't really help. At least post the code which is executed when the button is clicked to open the modal popup.
ok the code of linkbutton is given below,

Expand|Select|Wrap|Line Numbers
  1. <table border="0" cellpadding="0" cellspacing="0">
  2.     <tr>
  3.         <td rowspan="3">
  4.             <div>
  5.                 <asp:ImageButton ID="Image1" runat="server" ImageUrl="~/images/expand_blue.jpg" AlternateText="(Show Details...)" />
  6.             </div>
  7.         </td>
  8.     </tr>    
  9.     <tr>
  10.         <td align="left">
  11.             <div id="divContent">
  12.                 <asp:LinkButton ID="lnkEvent" runat="server" Text="Event"  />
  13.             </div>
  14.         </td>
  15.     </tr>
  16. </table>
  17.  
  18.  
  19. <asp:Panel ID="Panel3" runat="server" CssClass="modalPopup">
  20.      <div style="text-align: left;">
  21.             <table width="350px" class="modalpopup">
  22.                 <tr>
  23.                     <td>
  24.                         <img src="../../images/Event.png" alt=""/>
  25.                    </td>
  26.                    <td class="formText">
  27.                         <h2>Events</h2>
  28.                    </td>
  29.                 </tr>
  30.                 <tr>
  31.                     <td colspan="2">&nbsp;</td>
  32.                 </tr>
  33.                 <tr>
  34.                     <th colspan="2" style="text-decoration:underline;" class="formText">
  35.                         Basic Information
  36.                     </th>
  37.                 </tr>
  38.                 <tr>
  39.                     <td colspan="2">
  40.                         <table border="0" cellpadding="1" cellspacing="3" class="formText" style="margin-left:15px" >                            
  41.                             <tr>
  42.                                 <td>
  43.                                     <asp:Label ID="lblReqSubject" runat="server" Text="*" CssClass="RequiredField" />
  44.                                     <asp:Label ID="lblSubject" runat="server" Text="Subject" />
  45.                                 </td>
  46.                                 <td>
  47.                                     <asp:TextBox ID="txtSubject" runat="server" />
  48.                                 </td>
  49.                             </tr>
  50.                             <tr>
  51.                                 <td>
  52.                                     &nbsp;&nbsp;&nbsp;<asp:Label ID="lblDescription" runat="server" Text="Description" />
  53.                                 </td>
  54.                                 <td>
  55.                                     <asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" />
  56.                                 </td>
  57.                             </tr>
  58.                              <tr>
  59.                                 <td>
  60.                                     <asp:Label ID="lblReqReminder" runat="server" Text="*" CssClass="RequiredField" />
  61.                                     <asp:Label ID="lblReminder" runat="server" Text="Reminder" />
  62.                                 </td>
  63.                                 <td>
  64.                                     <asp:DropDownList ID="ddlReminder" runat="server">
  65.                                         <asp:ListItem Text="None" Value=""></asp:ListItem>
  66.                                         <asp:ListItem Text="10 Minutes" Value="10"></asp:ListItem>
  67.                                         <asp:ListItem Text="30 Minutes" Value="30"></asp:ListItem>
  68.                                         <asp:ListItem Text="1 Hour" Value="60"></asp:ListItem>
  69.                                     </asp:DropDownList>
  70.                                 </td>
  71.                             </tr>
  72.                         </table>
  73.                         </td>
  74.                    </tr>
  75.                    <tr>
  76.                         <th colspan="2" style="text-decoration:underline;" class="formText">
  77.                             Date & Time
  78.                         </th>
  79.                    </tr>
  80.                    <tr>
  81.                         <td colspan="2">
  82.  
  83.                         <table border="0" cellpadding="1" cellspacing="3" class="formText" style="margin-left:15px">                           
  84.                             <tr>
  85.                                 <td>
  86.                                     <asp:Label ID="lblReqStartDt" runat="server" Text="*" CssClass="RequiredField" />
  87.                                     <asp:Label ID="lblStart" runat="server" Text ="Start" />
  88.                                 </td>
  89.                                 <td>
  90.                                     <asp:TextBox ID="txtStartDt" runat="server" />
  91.                                     <asp:Image ID="imgStartDt" runat="server" ImageUrl="~/images/calendar.gif" />
  92.                                 </td>   
  93.                             </tr>
  94.                             <tr>
  95.                                 <td>
  96.                                     <asp:Label ID="lblReqEndDt" runat="server" Text="*" CssClass="RequiredField" />
  97.                                     <asp:Label ID="lblEnd" runat="server" Text="End" />
  98.                                 </td>
  99.                                 <td>
  100.                                     <asp:TextBox ID="txtEndDt" runat="server" />
  101.                                     <asp:Image ID="imgEndDt" runat="server" ImageUrl="~/images/calendar.gif" />
  102.                                 </td>
  103.                             </tr>                              
  104.                             <tr>
  105.                                 <td colspan="2">
  106.                                     <asp:Label id="lblnote" runat="server" Text="Note: An E-mail will also be send for notification" ForeColor="red" Font-Bold="true" />                                    
  107.                                 </td>
  108.                             </tr> 
  109.  
  110.                         </table>
  111.                         <p style="text-align: center;">
  112.                             <asp:Button ID="OkButton" runat="server" Text="Add Event" />
  113.                             <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
  114.                         </p>
  115.                     </td>
  116.                 </tr>
  117.               </table>            
  118.             </div>             
  119.     </asp:Panel>
  120.  
  121.  
  122.  
  123.  
  124.  
  125. <div align="center" style="vertical-align: middle">
  126. <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="lnkEvent" PopupControlID="Panel3" BackgroundCssClass="modalBackground" 
  127. OkControlID="OkButton" DropShadow="true" CancelControlID="CancelButton"   />
  128. </div>
  129.  
  130.  


This is the code which i have written in the user controll and the code of collapsible control is written in master page... do you want to see that code ???
May 21 '08 #7

acoder
Expert Mod 15k+
P: 16,027
Whatever code you post should be client-side i.e. how it appears in the browser as HTML/CSS and JavaScript, otherwise you may as well post this in the .NET forum.
May 21 '08 #8

malav123
100+
P: 217
Whatever code you post should be client-side i.e. how it appears in the browser as HTML/CSS and JavaScript, otherwise you may as well post this in the .NET forum.

Hi,
My one problem is solved but still i am working on this problem to be solved... ok one question that can we use both extender that is modal popup extender and collapsible extender at the same place ???
May 22 '08 #9

acoder
Expert Mod 15k+
P: 16,027
That's more a .NET question. Ask in the .NET forum.
May 22 '08 #10

malav123
100+
P: 217
That's more a .NET question. Ask in the .NET forum.

Ok thanks for your response...
May 22 '08 #11

Post your reply

Sign in to post your reply or Sign up for a free account.