Ajax CollapsiblePane lExtender And Ajax Modal popup Extender

[malav123]

Hi,
In my master page i have right pannel, in which i am using the user control and collapsiblePane lExtender 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.

[acoder]

So, if I understand correctly, when the modal popup extender displays, the collapsible extender also opens behind it? Post your code.

[malav123]

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...

[acoder]

Well, then, post your code or a link to a test page demonstrating the problem.

[malav123]

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...

[acoder]

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.

[malav123]

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,

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="3">
            <div>
                <asp:ImageButton ID="Image1" runat="server" ImageUrl="~/images/expand_blue.jpg" AlternateText="(Show Details...)" />
            </div>
        </td>
    </tr>    
    <tr>
        <td align="left">
            <div id="divContent">
                <asp:LinkButton ID="lnkEvent" runat="server" Text="Event"  />
            </div>
        </td>
    </tr>
</table>
 
 
<asp:Panel ID="Panel3" runat="server" CssClass="modalPopup">
     <div style="text-align: left;">
            <table width="350px" class="modalpopup">
                <tr>
                    <td>
                        <img src="../../images/Event.png" alt=""/>
                   </td>
                   <td class="formText">
                        <h2>Events</h2>
                   </td>
                </tr>
                <tr>
                    <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <th colspan="2" style="text-decoration:underline;" class="formText">
                        Basic Information
                    </th>
                </tr>
                <tr>
                    <td colspan="2">
                        <table border="0" cellpadding="1" cellspacing="3" class="formText" style="margin-left:15px" >                            
                            <tr>
                                <td>
                                    <asp:Label ID="lblReqSubject" runat="server" Text="*" CssClass="RequiredField" />
                                    <asp:Label ID="lblSubject" runat="server" Text="Subject" />
                                </td>
                                <td>
                                    <asp:TextBox ID="txtSubject" runat="server" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    &nbsp;&nbsp;&nbsp;<asp:Label ID="lblDescription" runat="server" Text="Description" />
                                </td>
                                <td>
                                    <asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" />
                                </td>
                            </tr>
                             <tr>
                                <td>
                                    <asp:Label ID="lblReqReminder" runat="server" Text="*" CssClass="RequiredField" />
                                    <asp:Label ID="lblReminder" runat="server" Text="Reminder" />
                                </td>
                                <td>
                                    <asp:DropDownList ID="ddlReminder" runat="server">
                                        <asp:ListItem Text="None" Value=""></asp:ListItem>
                                        <asp:ListItem Text="10 Minutes" Value="10"></asp:ListItem>
                                        <asp:ListItem Text="30 Minutes" Value="30"></asp:ListItem>
                                        <asp:ListItem Text="1 Hour" Value="60"></asp:ListItem>
                                    </asp:DropDownList>
                                </td>
                            </tr>
                        </table>
                        </td>
                   </tr>
                   <tr>
                        <th colspan="2" style="text-decoration:underline;" class="formText">
                            Date & Time
                        </th>
                   </tr>
                   <tr>
                        <td colspan="2">
 
                        <table border="0" cellpadding="1" cellspacing="3" class="formText" style="margin-left:15px">                           
                            <tr>
                                <td>
                                    <asp:Label ID="lblReqStartDt" runat="server" Text="*" CssClass="RequiredField" />
                                    <asp:Label ID="lblStart" runat="server" Text ="Start" />
                                </td>
                                <td>
                                    <asp:TextBox ID="txtStartDt" runat="server" />
                                    <asp:Image ID="imgStartDt" runat="server" ImageUrl="~/images/calendar.gif" />
                                </td>   
                            </tr>
                            <tr>
                                <td>
                                    <asp:Label ID="lblReqEndDt" runat="server" Text="*" CssClass="RequiredField" />
                                    <asp:Label ID="lblEnd" runat="server" Text="End" />
                                </td>
                                <td>
                                    <asp:TextBox ID="txtEndDt" runat="server" />
                                    <asp:Image ID="imgEndDt" runat="server" ImageUrl="~/images/calendar.gif" />
                                </td>
                            </tr>                              
                            <tr>
                                <td colspan="2">
                                    <asp:Label id="lblnote" runat="server" Text="Note: An E-mail will also be send for notification" ForeColor="red" Font-Bold="true" />                                    
                                </td>
                            </tr> 
 
                        </table>
                        <p style="text-align: center;">
                            <asp:Button ID="OkButton" runat="server" Text="Add Event" />
                            <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
                        </p>
                    </td>
                </tr>
              </table>            
            </div>             
    </asp:Panel>
 
 
 
 
 
<div align="center" style="vertical-align: middle">
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="lnkEvent" PopupControlID="Panel3" BackgroundCssClass="modalBackground" 
OkControlID="OkButton" DropShadow="true" CancelControlID="CancelButton"   />
</div>
 
 

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 ???

[acoder]

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.

[malav123]

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 ???

[acoder]

That's more a .NET question. Ask in the .NET forum.