.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
Kaviya Balasubramanian
Sgraph Infotech
Imran Ghani
Post New Web Links

Margin on div removed after async postback with UpdatePanel

Posted By:      Posted Date: September 15, 2010    Points: 0   Category :ASP.Net
 
Hi I have a series of div's inside an update panel, these divs have a margin-bottom defined in css. In IE8, when I do a async postback these margins are all removed. All the other styles are fine. If I turn on compatibility mode this does not happen. In Google Chrome the margins are maintained correctly after the async postbacks. Any idea why this is happening? -- Christian 


View Complete Post


More Related Resource Links

UpdatePanel - UpdateProgress only displays on initial postback

  

Hello

I'm having a somewhat odd issue, I'll do my best to explain it.

In a nutshell I have an UpdatePanel with an UpdateProgress item, first postback checks for warnings, if there are any they will be be displayed to the user as a JavaScript 'confirm' box. If the user clicks OK the next postback occurs to commit the change.

The UpdateProgress loading notification appears on the first postback but not on the second, even though both of them function correctly.  The buttons that trigger both postbacks are async postback triggers in the update panel, and both are inside the ContentTemplate.

It's not a huge problem, but it causes some confusion, has anybody ever seen this issue before?

Thanks


Problem with UpdatePanel postback

  
Hello,I have a Modal Popup window, inside an Update Panel object, that has the following layout:A Title areaA Content area with a tabstrip of 5 tabsA footer area with two buttons (Save and Cancel) and an UpdateProgressIn 3 of the five tabs I have:an UpdatePanel (UpdateMode=Conditional) that wrapsA collection of LinkButtons objectA gridviewAnother Panel object to be showed as a Nested Modal PopupNO update ProgressBoth the link collection and the gridview Select event will open the nested Modal window that contains a custom Usercontrol that is used to add new or edit object of the related gridview like in the code sample below//click handler of the LinkButton protected void btnNewPhone_Click(object sender, EventArgs e) { //Setup properties of the UserControl code omitted // ... //Show the nested Popup this.mpePopupPhone.Show(); } //handler for the gridview selectedIndex event protected void gvPhones_SelectedIndexChanged(object sender, EventArgs e) { //Setup properties of the UserControl code omitted // ... //Show the nested Popup this.mpePopupPhone.Show(); } Please note that: I am using the ModalPopupExtender show/hide behaviors using only server-side code. Also, the ModalPopupExtender objects for nested modal windows does not have the OkControlID & CancelControlID set. As the content of nested modal window is only a single user contro

After async postback, hide/show panel stops working

  
I have a Gridview in an UpdatePanel with a column containing an "expander" button that shows (and hides) more detail beneath its row of data.  It all works great until the user pages the gridview.  After the async postback to page the gridview, the javascript function to toggle hide/show appears to work flawlessly (the expander's button image even changes correctly), but the detail panel just doesn't show on the page.Note that my expander control supports a "AsyncTriggerId" property that, if set in the markup, will rebind the javascript toggle function when that control triggers an async postback (see OnPreRender below)Here's the hide/show toggle javascript:function toggleExpander(divId, imgId) { var div = document.getElementById(divId); var img = document.getElementById(imgId); var cssClass = div.getAttribute("className"); if (div.style.display == "" || div.style.display == "none" || cssClass == "hidden") { div.style.display = "inline"; div.setAttribute("className", ""); img.src = "images/dir_down.png"; mce_src = "images/dir_down.png"; img.alt = "Collapse to hide details"; } else { div.style.display = "none"; img.src = "images/dir_rig

Modal Loading Popup on Async Postback

  
Hi everyone, I have a web application that does some complicated data retrieval tasks and so I am trying to show a modal dialog box with a loading message when the tasks begins. I am using ASP.Net 3.5, the jQeury popup I am using is bPopup. Firstly, I have a table where the rows can be clicked. Im am using a script from http://bloggingabout.net/blogs/mveken/archive/2008/01/02/performing-async-postback-from-javascript.aspx to do an async postback from the table row. Here is my functionfunction Server(eventName, eventArgs) { $("#<%=lDiv.ClientID %>").openPopup(); var prm = Sys.WebForms.PageRequestManager.getInstance(); if (!Array.contains(prm._asyncPostBackControlIDs, eventName)) { prm._asyncPostBackControlIDs.push(eventName); } if (!Array.contains(prm._asyncPostBackControlClientIDs, eventName)) { prm._asyncPostBackControlClientIDs.push(eventName); } __doPostBack(eventName, eventArgs); } so the $("#<%=lDiv.ClientID %>").openPopup();  opens up my loading modal and then the server starts doing its thing. When the server finishes though how would I then close the dialog box? I just need to call one line of code like $("#<%=lDiv.ClientID %>").closePopup(); Thanks for your help

UpdatePanel postback and resulting ViewState

  
Hi everyone,I'm reading about the UpdatePanel and how it interacts with controls inside & outside of it.  My understanding is that the usual ASP.Net pipeline takes place when posting from within an UpdatePanel-- Page load etc all fire off as normal-- except when the prerendering stage is reached.  In that case the ScriptManager does a final check and only renders those controls within the UpdatePanel and skips the rest.  That's my understanding at least.Sounds good, but for argument's sake let's say I have a TextBox located outside an UpdatePanel.  If a postback occurs from within that panel, the TextBox's properties can still be set in the page load method, but those changes will not take effect. (normally; it is possible to postback the entire page from an UpdatePanel)Is that correct?  What happens to that TextBox's ViewState in this instance?  Is it updated based on what happened to it in the page load method or is that modification tossed out because it wasn't in the UpdatePanel?

textbox not writable after partial postback of updatepanel

  
hi, i got a strange problem. my project was ok before implimenting ajax. i have just implimented ajax in one page only with Tabcontainer and updatepanels only nothing else. almost all controls are devided into different Tabs with respective update panels. mostly it is working ok. but the problem is : 1.   in some controls i am not able to write anything even the control is "Enabled=True" and focus is on the same control after partial postback. 2.   and as soon as i press Tab control goes to Address bar. 3.   some time tab key is also not working.Why ? here some code :<td style="width: 57684px; text-align: left">                                                Inception Date (dd-mm-yyyy)</td>                                            <td style="width: 604px; text-align: left">              &n

How to determine if a user control is contained by the update panel that triggered async postback

  
Does anyone know a simple way to determine if a user control is contained in an update panel that was triggered for async postback?At the moment, the only pseudo logic for this I can think of is?'Loop through the update panel controls on the page and find the one that is involved in the postback (isInPartialRendering)'Try to find the user control as a child of the update panel

Button forces postback in updatepanel inside Popup

  
I have an update panel which is inside a Modal Popup Extender. When I click the Refresh Report button it always calls a postback. I need to stop it from posting back. Ideas?

avoiding postback using updatepanel

  

Hi All:
I have a tabe container enclosed in updatepanel. In one of tabs, I have added a gridview. When I click that tab, and then click a linkbutton "view products" gridview is shown but posback occurs even the whole tab container is enclosed in updatepanel. how to avoid postback on link click ( gridview load)
Regards,

Full PostBack in IE and Partial PostBack in other browsers using an UpdatePanel

  

I have an UpdatePanel that works fine and always updates the content when the RadioButtonList selected index is changed. What I want to do, is trigger full page postback in IE, but allow the UpdatePanel to do partial page postback in all other browsers.

Here's my markup (I removed the internals of the UpdatePanel since they are not relavent):

<asp:UpdatePanel ID="uplPodcasts" ChildrenAsTriggers="false" UpdateMode="Conditional" runat="server">
        	    <ContentTemplate>
                    <div id="plPodcastsControls">
                	    <span style="font-weight: bold; line-height: 26px;">Display Mode:  </span>
                        <asp:RadioButtonList ID="rblPodcastsDisplay" CssClass="rblPodcastsDisplay" 
                            RepeatDirection="Horizontal" 
                            AutoPostBack="true"
                            runat="server">

                            <asp:ListItem Selected="true" Text="Table" Value="table" />
                            <asp:ListItem Text="Grid" Value="grid" />
                    

Updatepanel reacting to exteral postback command dispite UpdatePanelUpdateMode being set to Conditio

  

I have a page with about a dozen update panels.  This morning I updated one to work with a Timer and delay the loading of content for speed reasons.  Now this web part wants to updated everytime a postback is submitted on another web part.  I feel I'm missing something simple but can't put my finger on it.  I have included my CreateChildControls() subroutine.  I have made sure the updatepanels had IDs and set  the ChildrenAsTriggers property to true but neither of these seem to help.  The webpart updates by going just going blank.

    public class myClasses : WebPart
    {

        private UpdatePanel _masterPanel;
        private UpdatePanel _upDatePanel;
        private String _errorMessage = "";
        private String _username;
        DropDownList _siteTypeSelection;
        private Timer _loadTimer = new Timer();
        private Image _loadingImage = new Image();

        protected override void CreateChildControls()
     &n

RegisterStartupScript and UpdatePanel - Execute JS Function after postback

  

Hi,

 

Is there a way for me to call a js function that I have registered the first time after a post back of an update panel?

 

In the first initial request to the page I register a script block and it works fine.

BUt it doesnt not fire or execute when the updatepanel does a post back.

 

I did a simple test and just did and page.ClientScript.reg...('alert("test"))

the code works so dont worry about my example syntax. I t just does an alert. The alert is executed once when the page was first requested. but not after a post back.  any ideas?

 

 

 


Button not preserving ID after partial postback in updatepanel?

  

I've created a dynamic button from another control outside of the update Panel.  The button is given an ID and such.  When the button is click, a postback occurs and I've re-created this button during Page_Init, Page_PreLoad, and Page_Onload and NONE of them is preserving the value. 


The only way for me to find the control was to look at the Page.request.form's allkeys and compare the string with a any text string that contains: Button.  Because I ID'd teh button as: ButtonRow_0Col0.  But the actual ID is null.  However, when traversing through page.request.form, the allkeys shows that ID with no problem.


So how come the actual ID is lost after a partial postback yet, the page.request.form's allkeys can pull out its allkey's value??

thanks


dynamic javascript of an .ascx control inside an updatepanel not changing on client between async po

  

I have a confusing state issue. I found a way around it, but I would like to know why this is happening. First of all, I am using .NET 3.5 and that can't change right now (an easy fix may be the fixed ID capabilities of .NET 4.0).

Type csType = this.GetType();
ClientScriptManager cs = Page.ClientScript;
string jScriptBlockName = "SignUpSignInNameAvailabilityScript";
if (!cs.IsClientScriptBlockRegistered(csType, jScriptBlockName))
{   //NOTE: verified code always enters this
    StringBuilder cstext2 = new StringBuilder();
    cstext2.Append("function GetSignUpSignInNameAvailabilityMessage() { var id = '"
          + CreateUserWizardStep1.ContentTemplateContainer.FindControl("iSignUpSignInNameAvailabilityMessage").ClientID
          + "'; alert(id); return id; }");
    cs.RegisterClientScriptBlock(csType, jScriptBlockName, cstext2.ToString(), true);
}

This code is in Page_Load of an ascx. The same control is drawn on two separate postbacks of an UpdatePanel in different places of the page thus giving them different client IDs. The code works correctly on the first refresh of web browser; but after UpdatePanel

dynamic javascript of an .ascx control not updating on client upon async postback

  

I have a confusing state issue. I found a way around it, but I would like to know why this is happening. First of all, I am using .NET 3.5 and that can't change right now (an easy fix may be the fixed ID capabilities of .NET 4.0).

Type csType = this.GetType();
ClientScriptManager cs = Page.ClientScript;
string jScriptBlockName = "SignUpSignInNameAvailabilityScript";
if (!cs.IsClientScriptBlockRegistered(csType, jScriptBlockName))
{   //NOTE: verified code always enters this
    StringBuilder cstext2 = new StringBuilder();
    cstext2.Append("function GetSignUpSignInNameAvailabilityMessage() { var id = '"
          + CreateUserWizardStep1.ContentTemplateContainer.FindControl("iSignUpSignInNameAvailabilityMessage").ClientID
          + "'; alert(id); return id; }");
    cs.RegisterClientScriptBlock(csType, jScriptBlockName, cstext2.ToString(), true);
}

This code is in Page_Load of an ascx. The same control is drawn on two separate postbacks of an UpdatePanel in different places of the page thus giving them different client IDs. The code works correctly on the first refresh of web browser; but after UpdatePanel

JQuery Multifile no longer works after async postback

  

Hello,

I'm having a problem with the jquery multifile plugin where it looses it's functionality after an asychronous postback. I was wondering how to fix this? 


Updating updatepanel before postback completes

  

Hi,

I'm running some server code that generates a bunch of status lines to the user. However, even though this is on an updatepanel, nothing happens before the function completes. Not really a surprise. However, I would like to be able to somehow update this field so that the user can see something actually happning while they wait.

Anyone know of a good way to do this?

Cheers! :)


Categories: 
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend