On poping up the Dialog Box (consisting of an image) on Page Load ,sometimes it doesnt align to the center of the page. Tried everything (e.g putting correct DOC type, Css etc) but still not happening.Although if you refresh or even resize the window it aligns to the center. Using the latest Ajax Control toolkit ModalPopupextender
View 5 RepliesGiven the following markup for a GridView column, why are my image buttons showing up as left aligned?
<ItemStyle HorizontalAlign="Center" Width="55px" />
<ItemTemplate>
<asp:ImageButton ID="removeButton" runat="server"
ImageUrl="~/Images/Icons/x-m.png"
CommandArgument='<%# Eval("ResourceId") %>'
AlternateText="Remove Button"
onclick="removeButton_Click" />
</ItemTemplate>
I have posted below the code to a very simple log-in page, but can't work out why, when viewed in a browser (Chrome, - I haven't tried others), it appears way down the page in the ContentPlaceHolder and not at the top. Also, how would I make such 'functions' as log-in boxes like this one appear centred on the ContentPlaceHolder as opposed to formatted to the left?
If anyone could indicate where in this code it states to align the log-in function box to the left
and half way down the page (not align to the MasterPage header
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
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.
My default.aspx page is quite long and you would have to scroll to see the rest of the page in the explorer window. Now to stop the user from interacting with the page when postbacks take place, i need to use an updateprogress control. The question is how do I get this to run at the centre of the page even if the user scrolls while the postback is in progress? Also to grey out the background.
View 1 RepliesI'm using Modal Popup, when user click i need to get the window in center, irrespective of screen size. my screen size is 1280*780 so i adjust the x and y value in modal popup im getting the window in center,but alignment is changed on other screen size. how to make the modal popup in center in all size
View 4 RepliesModal Popup user control (its a message box) on top of a modal popup with javascript that maintains postback on a scrollable div all inside of an update panel causes my page to flash on postback of the user control. If any one of the peices (user control, modal popup, javascript) are missing everything works fine. The javascript is maintaing scrollback on a scrollable listview on the page. A modalpopup is shown on top of this main page that is for report parameters. The user control is used for validation and is displayed if a parameter is invalid. I know this may not be the best design, but it can't really change unless its a minor change. Heres the js if anyone wants to see popup or styles let me know.
//Begin methods to maintain or reset scroll position during postback.
var controlIds = [];
var scrollTops = [];
//Register a control to maintain its scroll position on postbacks.
function MaintainPostback(controlId) {
controlIds.push(controlId);
}
//Find the div/control id in the controlIds array and set its scroll position to 0.
function ResetControlScrollTop(controlId) {
var index = 0;
while (index < controlIds.length) {
if (controlId == controlIds[index]) {
scrollTops[index] = 0;
return;
}
index++;
}
}............
I am trying to set up a web application with a datagrid and a chart on one tabpanel of a tabcontainer. It started of ok but I need to have the chart positioned right next to the datagrid. I read about using css but cannot get it to work. I have added a separate css file
[Code]....
i would like to ask what is the best way to position and align images on an HTML web page.
I will have approximately 10 user-controls that each have a set of images on them laid out in a specific pattern, eg - an arc, a circle, straight line, some other sort of curve.
How i can achieve this using best practices?
Update: All the images will be the same size.
I am trying to uise the Ajax Toolkit Tab container and Tab Panel controls. I got them working BUT the tabs are on the right side of the web page instead of starting on the left side. I have tried many things to move them to no avail.
I am using a master page and a css style file. By clicking around they moved to where they should be but then after viewing web page went back to right (wrong) side.
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
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 Replieshow can i use the panel which use as modal popup in another page.
i mean second page is an template page which use from several page and i want the modal popup in that page.
i want show modal popup without show the page.
can i do this in some way?
I'm having a problem using 2 ajax modal popups on the same page.If i use just 1 modal popup it works fine. I have a button (btnCommentOK) which calls an onlick function (OnClick="SaveCommentData") This works fine. The problem is when I add a second modalpopup extender. Funtionality works for the second modal popup but now the OnClick function on the first modal popup no longer works!
[code]...
I've got an odd issue with my pages. My pages include a login modal pop-up and registration modal pop-up. When the page loads, the panels briefly flicker (appear) and then are hidden. It looks very unprofessional so i was wondering if anyone had a clue to how i can avoid this.Here's a URL to see whats happening:[URL]
View 2 Repliesour pages flicker when using modal popups.
Any way to reduce the flicker?
We tend to postback a response to the primary page to change data, or do something, then return a modal popup with results of change or action.
Upon showing the results or a confirmation screen in the modal popup, there is flicker.
I have ajax modal popup for Questionnaire for my website and i want to show it on when user leaving the website.
it is working well with page load event. but i want to call it at the time when user want to close website page.
i have tried with page_unload and dispose event but the page was closed directlly without displaying the popup.
Code:
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
mdl1.Show()
'chkbox1.Attributes.Add("onclick", "checkBoxListOnClick(this);")
End Sub
[Code]....
dispaly above modal popup on leaving of the website?
i have one modal popup in a page already & functioning properly..i added another modal popup but its not getting displayed as it shld in the center.
View 1 RepliesI have problem when i use model popup extender under master page and update panel it not popup but if i use same code without master and update panel then it works.
My code is: (design part)
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>
<div id="banner-wrapper"> <div class="container"> <div class="row"> <div class="12u">
<div id="banner" class="box"> <div> <div class="row"> <div class="7u" style="width:197px;">
[Code] ....
Code part:
protected void LnkTaskId_Click(object sender, EventArgs e) { LinkButton btndetails = (LinkButton)sender;
GridViewRow gvrow = (GridViewRow)btndetails.NamingContainer; LinkButton lnk = (LinkButton)gvrow.FindControl("LnkTaskId");
SqlCommand cmd1 = new SqlCommand(); cmd1.CommandText = "select Task_Desc from Task_Process where Task_Id='" + lnk.Text + "' and User_Id='" + Session["user_id"].ToString() + "'"; cmd1.Connection = con; SqlDataReader dr2; dr2 = cmd1.ExecuteReader(); if (dr2.HasRows) { dr2.Read(); TextBox1.Text = dr2.GetSqlString(0).ToString(); ModalPopupExtender1.Show(); } dr2.Close(); cmd1.Dispose(); }
I am using a master page for my website, which has a modal popup in it. i have implemented url rewriting to direct user to a child page. In this child page I am using webparts with webpart manager. All of the other pages runs perfectly smooth and also url rewriting works fine except the modal popup in this child page. Although the div is hidden (other pages do not show MPopup on load), here in this child page the modal popup remains statically displayed on the web page. When the particular link on master page is clicked the screen darkens, but the modal popup fails to load. I could see just a small lined colour of the modal popup.
View 6 RepliesI've got a modal popup and when it loads contents that are taller than the browser height I am unable to scroll down to view the rest of the information. Instead the background can scroll but the popup won't, I'd like to have the popup stay in place so the users can see the bottom of the modal.
View 4 Repliesusing .net 4.0 and trying to open a modalpopup with grid loading; it pops up but doesn't grayout the rest of the page, allowing more clicking on the grid. I want the page to grayout with modalpopup and disable any further activity until the grid is loaded.
[Code]....
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript" language="javascript">
var ModalProgress = '<%= ModalProgress.ClientID %>';
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);
function beginReq(sender, args) {
// shows the Popup
$find(ModalProgress).show();
}
function endReq(sender, args) {
// shows the Popup
$find(ModalProgress).hide();
}
function CallPrint(url, window) {
window.open(url, window, 'left=0,top=0,width=900,height=600,toolbar=1,scrollbars=1,status=0');
}
</script>
<div>
<asp:ModalPopupExtender ID="ModalProgress" runat="server" BackgroundCssClass="modalBackground" PopupControlID="panelUpdateProgress"
TargetControlID="panelUpdateProgress">
</asp:ModalPopupExtender>
</div>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table class="style1">
<tr>
<td>
<asp:Literal ID="litMedResult" runat="server"></asp:Literal>
</td>
</tr>
<tr>
<td>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1">
<asp:TabPanel ID="tpFilter" runat="server" HeaderText="Show AICE Filtered Meds">
<ContentTemplate>
<asp:GridView ID="gvFilteredMeds" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Vertical"
onrowdeleting="gvFilteredMeds_RowDeleting" DataKeyNames="AICEMedID">
<AlternatingRowStyle BackColor="Gainsboro" />
<Columns>
<asp:BoundField DataField="AICEMedID" Visible="False" />
<asp:BoundField DataField="node_descrp" HeaderText="Med" />
<asp:CommandField DeleteText="Remove From Filter"
HeaderText="Remove From Filter" ShowDeleteButton="True" >
<ControlStyle ForeColor="Red" />
</asp:CommandField>
</Columns>
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
<RowStyle BackColor="#EEEEEE" ForeColor="Black" />
<SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#0000A9" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#000065" />
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="tpAllMeds" runat="server" HeaderText="Show All Meds">
<ContentTemplate>
<asp:GridView ID="gvAllMed" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Vertical" DataKeyNames="node_id"
onrowdatabound="gvAllMed_RowDataBound">
<AlternatingRowStyle BackColor="Gainsboro" />
<Columns>
<asp:BoundField DataField="node_id" Visible="False" />
<asp:BoundField DataField="node_descrp" HeaderText="Meds" />
<asp:TemplateField HeaderText="Add to Filter List">
<ItemTemplate>
<asp:Button ID="btnAddMed" runat="server" Font-Bold="true" OnClick="btnAddMed_Click" Text="Add Med" />
</ItemTemplate>
<ControlStyle Width="100px" />
<HeaderStyle Width="60px" />
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
<RowStyle BackColor="#EEEEEE" ForeColor="Black" />
<SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#0000A9" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#000065" />
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel></div>
<div>
<asp:Panel ID="panelUpdateProgress" runat="server" CssClass="updateProgress" >
<asp:UpdateProgress ID="UpdateProg1" DisplayAfter="0" runat="server">
<ProgressTemplate>
<div style="position: relative; top: 45%; text-align: center;">
<img alt="Processing" class="style3"
src="Images/loading.gif" />Processing ...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
</div>
</asp:Content>
I have used modal pop ajax control in master page. It is working fine in all other page. But in other page search, data insert operation is not happening ? i m not getting the error. could u give me some idea ?
<cc1:ModalPopupExtender ID="ModalPopupExtender3" runat="server"
TargetControlID="hiddenTargetControlForModalPopup"
PopupControlID="Panel111"
BackgroundCssClass="modalBackground"
PopupDragHandleControlID="Panel333"
CancelControlID="BtnCancel1" Enabled="True" />
I used modalpopup extender in my application. when the page is loading modalpopups are flikering so it is not looking nice.
View 4 RepliesI am making an search form from where the person generate its monthly report.I have 4-5 field likeregion,state,city,employee_name,Product_name.with all textboxes i am using ajax:modalpopupextender. Its working perfectly but after 4-5 selection user is able to access the back page info along with the modalbox.I dont now why its happening????
[Code]....
I have an issue that may be tied to layering of ajax controls. On my page I have a Modal Popup that displays and has multiple input fields on it.One of which is a dropdown list that shows one of two sections OnSelectedIndexChanged. One section has a button that calls another Modal Popup with inputs.
When I cancel/close the 2nd Modal Popup and change the value of the dropdown list the Popup's panel displays at the bottom of the page.I have tired hiding the panel, calling the mpe.hide(); etc but cannot get this panel to stop displaying.