Has anyone else noticed that the FadeIn Animation will not work correctly with transparent backgrounds in IE8? It gives them a white background?Is this a known bug? It's rather annoying to be honest because it can completely disable the use of this function.
View 1 RepliesI have had this exact sample a month ago and it was working perfectly, but for some reason now when I click on the "Next", the page reloads and everything resets, I have an updatepanel in there so it shouldn't be reloading.. Here is my code:
[Code]....
I have a slide in div to display some dynamic data after button submit in it. If you open the div after page load it displays with message "Click on button".
But after submitting the slide effects stops immediately and not responding at all & even message is not updating in jquery slide box. Below is my code:
html:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Sample</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<style type="text/css">
[Code] ....
vb:
Public result As String = ""
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
result = "Click on button"
[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 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 RepliesFor some reason, this code:
<act:accordion id="accWork_BronzeAward" width="100%" SelectedIndex="-1" headercssclass="accHeader" headerselectedcssclass="accHeader_Selected" contentcssclass="accContent" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false"
SuppressHeaderPostbacks="true" runat="server">
Im trying to animate (FadeIn) a div inside an updatepanel. The page load as it should but when trying to fade in I get an error and it says that it couldnt find the member.
View 2 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.
[Code]....
FadeIn does not work after the first time
I have a child page with an UpdatePanel on it that is connected to a timer that autorefreshes every 5 seconds. I've tried a few different PNG fixes, and they work until the UpdatePanel refreshes that section. Then, depending on the fix the PNGs either disappear or go back to nontransparent. Do I need to forcefully run the javascript when the UpdatePanel refreshes? How would I go about this?
View 1 RepliesI'm trying to figure out a way to tie the AJAX animation framework to the AJAX Tabs container. For example, one thing I want to do is use the fade animation when selecting a different tab. I've yet to find a way to have individual control of the tabs other than the content and CSS. Does anyone know where I can do some research into this, and what I should be looking into to learn how to do this
View 2 RepliesI use the PopupControlExtender to show a Panel after clicking a ImageButton. The Panel can be closed by clicking the page outside the panel. This is working fine.
I added an Animation Fading Out the Panel when the Panel is clicked (I have no button on the panel). This is working fine to.
The problem comes when I click the Imagebutton (The Panel appears) followed by clicking the Panel itself (The Panel disappears). If I now click the Imagebutton again, nothing happens as if the animation was not considered finished. The Panel should have appeared again.
If I change the focus on the page, then the animation is in some way reactivated and the popup works again. I already tried the following :
- <EnableAction AnimationTarget="ImageButton1" Enabled="true" />
- Setting the focus to a random control on the page using <ScriptAction />
Is there a way to reset the animation using Javascript ? Using "setValue(value);" ?
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/App_Themes/Images/Vraagteken.gif" OnClientClick="return false;" UseSubmitBehavior="false" ToolTip="Kies de bedrijfs sector waarvoor de tekst is bedoeld" />
The following line of code in my aspx page produces the compile error AjaxControlToolkit is undefined:
[Code]....
My ajaxcontrol toolkit is working fine.But when i add animation tag into it like this.Now when i execute the browser is waiting for some thing and my IDE(visual studio 2008) is asking for a cs file.How to make this file?
<ajax:PopupControlExtender
ID="MyTestPopupControlExtender"
runat="server"
TargetControlID="TestButton"
PopupControlID="MyTestPanel"
Position="Bottom">
<Animations>
<OnShow>
<Sequence>
<HideAction
Visible="true"
/>
<Parallel
Duration=".2">
<Resize
Height="200"
Width="300"
/>
</Parallel>
</Sequence>
</OnShow>
<OnHide>
<Sequence>
<StyleAction
Attribute="overflow"
Value="hidden"/>
<Parallel
Duration=".2">
<Resize
Height="0"
Width="0"
/>
</Parallel>
<HideAction
Visible="false"
/>
</Sequence>
</OnHide>
</Animations>
</ajax:PopupControlExtender>
I followed this tutorial "Adding Animation to a Control).I was able to change its behavior to fadeIn. My question is how do I change the background and font color. I can change it in the the cssClass and the change is visible in the document but in the browser allways displays with the same lime background and white text
View 1 RepliesI want to use an animation that will show, once the password&username are invalid.
I currently have the animation extender added, but it fires whenever the button is clicked, whereas I want it to fire only if the password is wrong.
So I basically have to somehow manually launch it from codebehind.
How can I do this ?
Or do you have another solution that would work in my case ?
i need to make my Table to do some animation on LoadComplete Event (CodeBehind) and i choose Ajax Control Toolkit to do it. but i don't know how to do it in Code behind.i regularly use Ajax Control Toolkit directly in ASPx page not in aspx.vb page.
View 3 RepliesI am very new in using of animation extender, I read almost near 100 post at different site and its make me confuse about the tags used under animation extender.
can any one help me to provide all the tags use under animation extender and it's definition?
Someone 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 want to design the grdivew like this, 4 columns(name , age, city and id) each of the column has HeaderTemplate there one image control, what i want to do is when the user click on this imagebutton then
1. i want to open an panel(when the user click's image button) there i'll show one radiobuttonlist by default this panel should be hide
2. then i want to find what the user has selected on the radiobutton
Here is my code
<div id="AuthenticateUser" runat="server" style="display:block" >
//login control
<asp:button id="ValidateUser" ... />
</div>
<div id="ForceToChangePassword" runat="server" style="display:none" >
//reset password control
</div>
On click of "ValidateUser" button, I do check whether user is valid or not. Based on some condition I do need hide "AuthenticateUser" div tag and show "ForceToChangePassword" div tag. I really like the jQuery fadeIn/fadeOut effect. I can easily do that on client side. But how can I give that effect after executing server side code?
I tried to call javascript method from code behind that method has a fadeIn/fadeOut logic but it seems like that javaScript method is never been called.
like two guys before me there and second one there I have difficulty with 3D chart. How to force them to be transparent like this picture: taken from 3D Area chart example shipped with ASP.NET Chart controls. This chart has ChartColorPalette.BrightPastel pallete, but is transparent. I have also 3D chart with ChartColorPalette.BrightPastel palette, but is not transparent and I still cannot found way how to make it transparent like example chart. (After examining example markup and codebehind): The only way I've found is to set the color of series with alpha channel for transparency, or use color palette with transparent colors (for example chartColorPalette.SemiTransparent) but there must be some other default way which I'm missing. Reason I really need this to know is that I'm creating graphs without any code behind just using markup, so I'm finding it a little bit redundant to create code snippets only because of this. Edit: I'm using .NET 3.5 version of ASP.NET charts.
View 1 RepliesI have a modal dialog box, which takes some time to load, I want to display some ajax animation while the modal dialog box is getting loaded, as at that time though the dialog box is getting loaded user gets an impression that nothing is happening. I use javascript to pop up modal dialog box.
View 5 RepliesI 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 have an animationExtender control inside a repeater control. targetcontrol of the animationextender is a linkbutton. which should enabled=false when the animation is playing. simply the link button should disabled when the mouseover event of the link button. and after the animation is closed the same link button should be enabled. the problem is this is working fine only for the very first item in the repeater control. i.e. for the first link button in the repeater control when the animation is played the link buttons becomes disabled.(this happens for every link button in the repeater control) but when the animation is closed the first link button becomes enable. but in other link buttons, it remains as disabled.
I'll put the code here:
<asp:Repeater ID="repRecentJobs" runat="server" >
<ItemTemplate>
<div>
<asp:LinkButton runat="server" ID="lnkTitle" Text='<%# Eval("Title") %>' ></asp:LinkButton>
<div><%# Eval("Description") %></div>
<asp:HiddenField runat="server" ID="hfJobId" Value='<%# Eval("Id") %>' />
<asp:LinkButton runat="server" ID="readMore" Text="Read More..." ></asp:LinkButton>
<ajaxToolKit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="readMore">
[Code]....