I am using modal popup extender to display a user control which has AjaxToolKit- calender extender. When i click on it, it is shown in the background and i cant click or select a date.. i couldnot get it to work..
View 3 Replies
I have used Ajax Modal popup extender for popup an the css for modal popup is as folows:
.modalBackground {
-webkit-border-radius: 12px 12px 23px 23px;
border-radius: 12px 12px 23px 23px;
-webkit-box-shadow: 12px 12px 12px 0 #946C10;
box-shadow: 12px 12px 12px 0 #946C10;
background-color: LightGrey;
filter: alpha(opacity=80);
opacity: 0.7;
position:fixed;
}
And the HTML for modal popup is as shown bellow:
<cc1:modalpopupextender id="ModalPopupExtender1" runat="server" targetcontrolid="btncomplains"
popupcontrolid="panelstatus" backgroundcssclass="modalBackground" cancelcontrolid="ImageCancel1">
</cc1:modalpopupextender>
<asp:Panel ID="panelstatus" GroupingText="Submit Details" BackColor="WhiteSmoke"
Width="600px" runat="server" Style="border: thick solid #CCCCCC;">
[Code] ....
I have tried all sorts of z-index but nothing seem to have worked i have changed z-index from 0 to 99999999and nothing have changed and so I resorted to required field validators and watermark but how to show that on top of modal popup and if I am doing anything wrong I have also tried this script but didint worked:
<script language="javascript" type="text/javascript">
function onCalendarShown(sender, args) {
alert(sender._popupBehavior._element.style.tostring());
sender._popupBehavior._element.style.zIndex = 9999999;
}
</script>
I have seen many website for this question but nothing seem to have worked and also there must be some error with css as i have described it above...
I need to hide the modal popup on client using javascript.
if i use
$find('ModalPopupExtender1').hide();
for hiding it is throwing an error saying
'null' is null or not an object'
Modal PopUp Extender Catch exception error and display on modal popup
[Code]....
When i try to submit the page which has modal popup extender,popup extender becomes visible! How can i avoid this?
View 2 Repliesi have a calendar extender in my page. it works fine unless i add a maskedEditExtender as well. Then, when the page start or is post back, the calendar starts off as being visible. is there anyway to hide or disable this control when the page starts, until the user clicks the appropriate text box? the code i have is as follows:
Code:
<asp:TextBox ID="TextBox2" runat="server" Width="130px"
MaxLength="1" style="text-align:justify" ValidationGroup="MKE" />
<div id="error2" style="color:red"></div>
<ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender2" runat="server"
TargetControlID="TextBox2"
Mask="99/99/9999"
MaskType="Date"
[code]...
which seems to be the problem. this cause the focus to go to the calendar control and sets the date, which shows the extender. i've tried to set focus to other controls but nothing seems to work.
I tried to find any methods to validate items inside Modal Popup Extender
View 1 RepliesI am working on a website where i used bootstrap and popup box is of jquery. whenever a popup appears on the screen it hides behind the master page.
View 1 RepliesWhen I browse to my page that has the modal popup panel on it, the panel initially is visable, and when I do a postback it acts as intended. let me know if you need the master page....
[Code]....
[Code]....
I am trying to get a modal popup inside a modal popup?, also i want to fire the modal popup on a condition in a text change event of a textbox?...is this possible and can anyone give me directon on this
View 5 RepliesI have a Ajax modal popup extender .Its working fine in FF but not in Ie .
View 1 RepliesThe Top is IE and the bottom is FireFox. Firfox is showing correctly. In IE, however, the grey background start directly on the left edge of the page and not across the window span, and the modal target stays below the grey background.
[Code]....
i have created an ajax modal popup extender and i want to be able to grab the values in the textboxes that are on the panel. how do i accomplish this from code behind:
[Code]....
once i have the value i need to perform a stored proc and isnert into the database. i have this part sorted but not sure how to grab the values initially.
I have a page with a gridview and 2 panels each one assigned to its own ModalPopupExtender similar to below...
<asp:GridView ID="MyGV" runat="server">
</asp:GridView>
<asp:Panel ID="Panel1" runat="server" style="display:none;">
[code]...
I try to accomplish the following: When I click on a LoginStatus to log out, I want a modal popup extender to popup ONLY when some condition is true.The mpue has a targetcontrolId that refers to the LoginStatus-control, a PopupControlId that refers to a asp:panel-control.So far I accomplished only two situations:
- always a popup
- never a popup.
I have a login control on a web application. I am using a modal popup extender to show a message when the login button is hit. That all works fine. The problem is, once the user hits the "OK" on the popup, it closes and then nothing happens. I tried adding javascript postback but did not help.
View 3 RepliesI have a page which displays a modal popup window.
In the popup window I have a textbox and 2 radio buttons. How can I set focus to the textbox when this popup window is displayed.
I need to set focus on a textbox in parent form after the pop extender closes. I am setting the focus before showing the popup, but when the popup closes, it is lost.
View 1 Replies I am using a griview, in gridview placing a linkbutton then when click that linkbutton a modalpopup should occur. I am using oncommand
method in linkbutton to get sum values, that values is display in the modal popup control. How can i acheive this , give me a sample code.
Usually my Modal popup extender is center by default. However, I have a modal popup that is not center - the modal popup is located on the right lower side of the screen. I have a CSS class for my website that I really dont want to start tracking to see if it is causing my problem (In fact I am pretty sure thats the cause of the problem). So I was thinking...
Is there anyway I can manipulate the modal popup position through the CSS. For instance:
[Code]....
The above is not working, it doesn't do anything to manipulate the width of my background and the position of the modal popup.
How to style ajax modal popup extender control just like in forums.asp.net site which when loaded displays a modal popup with close button. i dont want to show the popup every time if an user submits or cancels the popup once.
View 7 RepliesI used modalpopup extender in my application. when the page is loading modalpopups are flikering so it is not looking nice.
View 4 RepliesI'm want to incorporate a modal popup in my webpart. This is the classic update information modal popup but because I'm building it in runtime, I'm having difficulties wireing up the components would like some assistance. In my dev environment the code is in the user control object. The necesary javascript is the default page which I'm woderring if it should be in also built on the fly?
The code in default.aspx looks like this:
[Code]....
how can i add multiple targetcontrolids to a modal popup extender..
View 2 Replieswhen i click a button, the ajax modal pop up should float above the svg, which is a image object that formated as xml file underneath. it works all fine in IE and Firefox, but it's not working in safari.
In safari, the modal pop up is behand the svg rather than float on the svg, so far i had use the z-index and position in front end control, but none of them are working, the below is my aspx code:
table that holds the svg object:
[Code]....
table that has the modal pop up:
[Code]....
