Solved

Displaying a modal pop up extender at the time of inserting a record in Details View Control

Posted on 2010-11-22
10
372 Views
Last Modified: 2012-05-10
I need to pop up a Modal pop up extender, at the time of clicking a insert/save button in the Details View control.
0
Comment
Question by:Ammar Iqbal
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 4
10 Comments
 
LVL 10

Expert Comment

by:Nash2334
ID: 34188222
You can do this in code after processing the OnClick:

MyModalPopupExtender.Show();
MyModalPopupExtender.Hide();
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34188320
how to get this MyModal PopExtender id in the code behind. I am not getting it, and I can not access it either by DetailsView1.FindControl("aaaa")
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34190073
I have managed to  display the model pop up extender,on the click of the Save button when user is about to insert a new record. THe model pop up appears, but it does not disable the rest of the window.
<InsertItemTemplate>
                                 <asp:Panel ID="pnlUserNotification" runat="server" CssClass="" OkControlID="btnOKUserNotifcation" CancelControlID="btnCancelUserNotification" DropShadow="true">
                                     <div style="width:400px; height:400px; background-color:White">
                                         Notify Users
                                     <br />
                                      <asp:Button runat="server" ID="btnOKUserNotification" Text="OK" />
                                       <asp:Button runat="server" ID="btnCancelUserNotification" Text="Cancel" />    
                                       
                                       <table>
                                          <tr>
                                            <td><asp:Label ID="lblComm" runat="server" Text="Type:"></asp:Label></td>
                                            <td><asp:DropDownList ID="i_communicationtype" runat="server" DataMember="CommunicationType" DataTextField="name" DataValueField="id" ></asp:DropDownList></td>
                                           
                                          </tr>
                                          
                                          <tr>
                                            <td><asp:Label ID="lblRole" runat="server" Text="Role:"></asp:Label></td>
                                            <td><asp:DropDownList ID="i_role" runat="server" DataMember="aspnet_roles" DataTextField="RoleName" DataValueField="RoleId"></asp:DropDownList></td>
                                             <td><asp:Button ID="btnaddRole" runat="server" Text="Add Role" /></td>
                                          </tr>
                                          
                                           <tr>
                                             <td><asp:Label ID="lbluser" runat="server" Text="User:"></asp:Label></td>
                                             <td><asp:DropDownList ID="i_user" runat="server" DataMember="aspnet_Users" DataTextField="UserName" DataValueField="UserId"></asp:DropDownList></td>
                                             <td><asp:Button ID="btnaddUser" runat="server" Text="Add User" /></td>
                                           </tr>
                                        </table>
                                        
                                        <table>
                                          <tr>
                                            <td><asp:Label ID="lblTo" runat="server" Text="To:"></asp:Label></td>
                                            <td><asp:TextBox ID="txtTo" runat="server" TextMode="MultiLine" Width="220"></asp:TextBox></td>
                                         </tr>
                                        </table>
                                        
                                         
                                     </div>
                                      
                                 </asp:Panel>
                                 <asp:LinkButton ID="i_insert" runat="server" CausesValidation="False" 
                                    CommandName="Insert" CssClass="button" Visible="<%# IsAdmin %>"  OnClick="btn_SaveClick">
                                    <span class="ui-icon ui-icon-check"></span>Save
                                </asp:LinkButton>
                                <asp:LinkButton ID="i_cancel" runat="server" CausesValidation="False" 
                                    CommandName="Cancel" CssClass="button" Visible="<%# IsAdmin %>">
                                    <span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Cancel
                                </asp:LinkButton>
                                <act:ModalPopupExtender ID="mpeUserNotification" runat="server" TargetControlID="i_insert" 
                                  OkControlID="btnOKUserNotification" CancelControlID="btnCancelUserNotification" PopupControlID="pnlUserNotification"   DropShadow="true" >
                                </act:ModalPopupExtender>
                            </InsertItemTemplate>

Open in new window

0
Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

 
LVL 10

Expert Comment

by:Nash2334
ID: 34190353
Not sure what you mean; are you applying the right background CSS class for when the modalpopupextender is activated?
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34192206
I am not applying any csss for modal pop up extender.. is there any specific css class for this?
0
 
LVL 10

Accepted Solution

by:
Nash2334 earned 500 total points
ID: 34192711
If you want it to appear disabled, you need to apply a CSS class when the modal popup is displayed.  You need to add a BackgroundCssClass to your MPE and then define a CSS class to support it, e.g.

.modalPopup
{
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34193805
should i include this .css definition of modalPopUp in my orignal project css?
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34193815
and the fact is that I want to make The window disabled, so that it is inaccessible to the user as long as the modal pop up extender is active
0
 
LVL 10

Expert Comment

by:Nash2334
ID: 34196356
You can add the CSS class anywhere it makes sense to do so for your solution; the original project CSS is as good a place as any.  Once the CSS is class is defined and applied with the extender you should see the desired effect.  Good luck!
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34196623
Hi Nash2334,
I have added one button control on the modal pop up extender, and ihave sone functionality in it, The problem is that when ever I click on this button, the pop up foes off , and the whole window gets enabled. What should I add to this button functioanlity ,so that the pop up remains until and unless, i click another "ok" button.
But not on this button
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Visual Studio npm 1 29
How to filter by key press ? 6 56
Updating a single record in forEach using C#/Entity 7 26
Nested forach loop to linq 3 28
More often than not, we developers are confronted with a need: a need to make some kind of magic happen via code. Whether it is for a client, for the boss, or for our own personal projects, the need must be satisfied. Most of the time, the Framework…
This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…
I've attached the XLSM Excel spreadsheet I used in the video and also text files containing the macros used below. https://filedb.experts-exchange.com/incoming/2017/03_w12/1151775/Permutations.txt https://filedb.experts-exchange.com/incoming/201…

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question