I tried to recreate the animation panel from - [URL]
It works great except I cannot center the progressbar gif to the center of the gridview. My gridview is loaded into a tabcontainer tabpanel at runtime and so I think when the center of the gridview is calculated it somehow gets messed up. What should I edit in this javascript so that even when it loads at runtime it still retains the position.
[code]....
i'm trying to place a updateprogress control within a masterpage and have it display as an overlay centred both HORIZONTALLY AND VERTICALLY.
Just can't seem to get a div to centre in the middle of the page
I have an UpdatePanel and I want to show a progress image when submitting in the center of that UpdatePanel....
View 4 RepliesSomeone knows a way to block/disable the Animation of ColapsablePanel on Colapse/Expand?I am having problems of performance/stucks of the page on colapse or expand a panel.
View 1 RepliesI have the following that changes the label colour according to an update panel:
<asp:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server"
Enabled="True" TargetControlID="UpdatePanel1">
<Animations>
<OnUpdating>
<Color
AnimationTarget="lblSearchResults1"
Duration="1"
StartValue="#FFFFFF"
EndValue="#FFFFFF"
Property="style"
PropertyKey="color"/>
</OnUpdating>
<OnUpdated>
<Color
AnimationTarget="lblSearchResults1"
Duration="1"
StartValue="#FFFFFF"
EndValue="#009685"
Property="style"
PropertyKey="color" />
</OnUpdated>
</Animations>
</asp:UpdatePanelAnimationExtender>
Fine. Works a treat.
However, I also have the following on the same page but within a different update panel:
<asp:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server"
Enabled="True" TargetControlID="UpdatePanel2">
<Animations>
<OnUpdating>
<Color
AnimationTarget="lblSearchResults2"
Duration="1"
StartValue="#FFFFFF"
EndValue="#FFFFFF"
Property="style"
PropertyKey="color"/>
</OnUpdating>
<OnUpdated>
<Color
AnimationTarget="lblSearchResults2"
Duration="1"
StartValue="#FFFFFF"
EndValue="#009685"
Property="style"
PropertyKey="color" />
</OnUpdated>
</Animations>
</asp:UpdatePanelAnimationExtender>
This also works a treat. However, the update causes the animation/colour change to fire on both labels when either of them fires.
How do, or what do I have to do so that only one label changes colour one at a time i.e. when UpdatePanel1 updates, lblSearch1 changes colour but lblSearch2 stays as is.
I am trying to animate a panel using ajax animation extender control( in vs 2008).
<form
id="frm1"
runat="server">
<asp:ScriptManager
[Code]....
Here i have associated a panel with the animation extender control.So on click of the panel it will scroll down.Now the panel will scroll down onclick of panel itself. I have placed 2 link butons (open and close) on the panel.What I am trying to achieve is ,
On click of open link button in the panel, the panel should scroll up and it should scroll down on the click event of close button.
How can i do that.I want the two link buttons(open and close) inside the panel itself.
I have a ajax tabcontainer which I load with tab panels at runtime. Now I am trying to do a fade in/out when a user selects a different tab panel. How do I approach something like this.
View 2 RepliesI figured out how to create a update progress in code behind as a class, but I would like to center it both horizontal and vertical each time it is called.
I will share the code for the modal update progress, but I need some getting it centered. I'm really good with code behind, but i'm weak in javascript, and jquery looks promising for me. I don't understand how to get the client id of the update progress or update panel to sync up with the jQuery.
I found some code, but I can't connect the panel object to the jquery code I found. I don't think I'm missing much here, or that far off base. Perhaps someone out there can take a look at this, and maybe someone can
FYI: rm is ResourceManager
[Code]....
[Code]....
[Code]....
[Code]....
[Code]....
I am trying to set the value of dropdown box thru client side javascript postback function. On client side event I m calling something like __doPostBack('<%=UpdateButton.ClientID%>', month); The update button is inside update panel. When i debug it, i see my code in vb.net to change the selectedindex property, but on screen it shows the old value.
<%
@
Page
[code]...
In a page I have multiple update panels that has timer associated with them to refresh the grids. Issue is that when asynchronous request (update panel) is in progress page do not respond. If use try to click some other link to move he even can not do that until asynchronous request is completed. Is it not possible that user may able to click some other button if he want while update is in process ?
View 16 RepliesI'm having issues posting the code to this article, I apologize if doesn't appear correctlyI have a form that has a service reference, a local entity object and a button to import data from the service reference to the local Entity. The import works perfectly. I just want to pretty up the UI and add a progress bar during the import. I have the entity's gridview in an update panel along with the button. I have a progress control linked to the panel. When I click the button, my animated gif appears correctly. I'd like to have an updating label that shows the current record being imported. I cannot figure out the correct placement of the label and when or how to update it in my code behind. I may not have my update panel or progress control placed correctly either, it works, but I'm not confident on it. In a perfect world, after the import is 100% complete the local entity's gridview should be refreshed.
<asp:UpdatePanel ID="updpnl_Destination" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Table ID="subTable" runat="server">
[code]...
Any one has got a working example for the OnHoverOver and OnHoverOut animations ?I have tried one but it's not perfectly working, as I don't know how to change the position of the Popup panel or resize it !! and I still can see a grey shadow before my popup panel appears..it's weird... Here is my code :
<asp1:AnimationExtender ID="OpenAnimation" runat="server" TargetControlID="ObjNameLnk">
I try to use Update Panel for the loading of next page using C#. How do I do once the page is loading then update panel will show theprogress
View 2 RepliesI need to have a stack of 10 text lines, possibly div's, and insert a line arbitrarily somehere in the list. In addition I'd like to fade in a highlight (for the new line) and fade out.Is MSFT AJAX the correct tool to use for this?
View 1 RepliesI'm using a Update panel in Asp.net. I am having update progress for which I have set a DIV and set a CSS for it.
The issue is when I call it, it will show the Progress bar but I can scroll the window and there are link in grid which I can click.
I want no operation to be done till update progress running ...
They all appear left aligned. I've tried setting the body tag to text-align:center, making divs around and in the main panel, but I can't get it to work. Here is my CSS code:
.MainPanel {
background-color:#ccccff;
margin-bottom:10px;
[code]...
I wonder how it would be possible to vertically center this hyperlink in this panel? Is there a property in the panel for this somewhere?
[Code]...
I have a user control, that has an update panel and update progress control in it.
I use this user control in more than 1 location on the same page.... problem is, when ucA posts back, I see the update progress control for both ucA and ucB. I assume this is because it is a user control and the update panel and progress are named the same?
Either way - how do I make it so that the update progress only displays for the proper user control?
I have update panel , in update panel i have one button control which exposes onlientClick event ( it dosent have click event to do postback to server).
and i have one updateprogress panel. So my problem is though i'm performing operation on client side , internally the async event is firing and making updateprogress panel to act (having rotation gif image) which i dont want , as it rotates for 10-15 sec more even after the operation at client side is done !
I have written a Crystal reports web application, that prompts ths user for parameters and then apply them and exports the report to a folder as .rpt and then display the report.
I prompt the parameters on one screen and then display the report on another page. I have the AJAX update panel and update progress controls in the parameter page. When the user enters the parameters and click on ok, I export the report and then loads the report to a session report document and transfer the user to the second page where the report is displayed. I use the following code to do transfer to the seconds page.
I have excluded the report load and parameter assign code here.
[Code]....
In the second page I have the following:
rptViewer.reportsource = Session("rpt")
My problem is this works one time and then stops working the second. What I found out was it comes to the statement:
Response.Redirect("show.aspx")
But it does not even load the show.aspx page. It stays on the parameter page. There are no errors displayed. I could not see any errors when I debug the application also. And out of the blue it works sometimes. And if I remove the update panel and progress control, my report works all the time.
I've got a plain C# web page that uses jQuery to call a handler page using AJAX. While the handler content is loading, a message "Please Wait, loading..." is displayed. Once I've got the content back from the handler I hide the loading message and display the content.What I'd like to do is after the loading message, display a percentage of how far through the handler page is. All the handler page does is loop through a list of members, powered by a web service, and adds them to the database so I know exactly how many members are being added to the database so I can tell how far I am through.The problem I'm having is because all of this goes on in a handler, how can I send the progress percentage back to the main web page while the handler was still loading.Any ideas? If I could do the exact same task but differently which would allow me to create the progress bar,
View 2 RepliesI'm trying to make a progress bar that updates the user on the progress of the AJAX call.
My immediate thinking was that I need an AJAX call to start a thread on the server, allowing the starting AJAX call to finish, and allowing the thread to send updates back to the user.
For the purpose of simplicity, disregard the actual progress bar functionality (I was thinking of implementing one of those JS bars, with fancy colors and effects ;), but if I can get an update from the thread, then updating a simple JS progress bar becomes trivial ;) )
I have a wierd issue with the update progress control in ie8. I have a modal popup that loads a pdf in an iframe, then i have a button click that navigates away from the pdf and shows a form in the same modal. All this is wrapped in an update panel, which i have an update progress control associated with. The control shows correctly in ie7, firefox, safari, and chrome. But in ie8 when the async post back is complete the progress indicator does not hide, until I click on the screen or scroll the page, then it hides and the form shows.
View 3 RepliesI have a Panel, with three buttons on the left and a label I want centered. I want the label centered on the panel, not between the last button a the right side of the panel. How do I do that without using a table? When I use "text-align: center;, it centers it between the last button and the side of the panel.
View 8 RepliesI've had a look around to see if this has been answered, and there are many similiar questions here but none that match the problem I'm having, so here goes.
I have a jQuery animation that runs on all pages. It works fine on all pages except those with a .NET Update Panel. The items that are animated are not part of the Update Panel at all, they have nothing to do with it.
When I click on the button that triggers the animation in question, it doesn't do anything. It gets called alright (a quick alert("clicked!"); proved that) but it simply doesn't do anything. It sometimes looks as though it's trying, but failing, but there are no JavaScript errors reported.
From other similiar questions and answers here, people have suggested using jQuery's .live() and also the PageRequestManager.getInstance().add_endRequest() but none of these are valid here, as the items are outside of the Update Panel. (I've also given them a try, just in case!)
it appears that clicking the button that causes the animation is actually causing the update panel to reload, am not sure why as they're all set to conditional and have triggers associated with them.