Animation Stutters in UI for ASP.NET AJAX

This is a migrated thread and some comments may be shown as answers.

Animation Stutters

2 Answers 46 Views

PanelBar

This is a migrated thread and some comments may be shown as answers.

Chad asked on 26 Sep 2008, 05:32 PM

Whenever a panel is opened using an animation effect, like Linear, the panel stutters at first - it flashes very quickly as if it were not supposed to animate and then resumes the normal animation from where it would have been had it not stuttered. Closing the panel with animation doesn't have any negative effects.

Any ideas what might cause this? My assumption is that is has to do with the way I'm declaring the panel - through code.

    
            radAccordion = new RadPanelBar();  
        
            radAccordion.ID = "RadPanelBar1";  
        
            radAccordion.Skin = RadSkin;  
        
            radAccordion.Width = new Unit(500, UnitType.Pixel);  
        
            radAccordion.ExpandMode = PanelBarExpandMode.MultipleExpandedItems;  
        
            radAccordion.CollapseAnimation.Type = AnimationType.Linear;  
        
            radAccordion.CollapseAnimation.Duration = 200;  
        
            radAccordion.ExpandAnimation.Type = AnimationType.Linear;  
        
            radAccordion.ExpandAnimation.Duration = 200;  
        
            radAccordion.EnableViewState = false;  
        
            ...  
        
            radAccordion.DataSource = listItems;  
        
            radAccordion.DataTextField = TitleField  
        
            radAccordion.DataFieldID = "ID";  
        
            radAccordion.DataFieldParentID = GroupByField  
        
            radAccordion.DataBind();  
        
            ...  
        
            radPanel = new RadAjaxPanel();  
        
            radPanel.ID = "RadPanel1";  
        
            radPanel.LoadingPanelID = "RadLoadingPanel1";  
        
            radPanel.Controls.Add(radAccordion);  
        
            radLoadingPanel = new RadAjaxLoadingPanel();  
        
            radLoadingPanel.ID = "RadLoadingPanel1";  
        
            radLoadingPanel.Transparency = 30;  
        
            radLoadingPanel.BackColor = System.Drawing.Color.AliceBlue;  
        
            Controls.Add(radPanel);  
        
            Controls.Add(radLoadingPanel);

All of this is done inside of a MOSS Webpart during the OnLoad event.

2 Answers, 1 is accepted

answered on 24 Nov 2009, 06:23 PM

Hi,

I'm using RadPanel from Telerik RadControls for ASP.Net AJAX 2009 R1, and I've exactly the same issue.
I've a page with setting in header as

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

I placed the animation settings in the RadPanelBar, but the PanelBar is empty.

telerik:RadPanelBar OnClientMouseOver="OnRadPanelBarMouseOverHandler" OnClientMouseOut="OnRadPanelBarMouseOutHandler"

EnableEmbeddedSkins="false" EnableAjaxSkinRendering="true" Skin="SNetMenu" Width="180"

ID="rpbMenu" runat="server" ExpandMode="FullExpandedItem" CollapseAnimation-Type="linear"

CollapseAnimation-Duration="500" ExpandAnimation-Duration="500" ExpandAnimation-Type="linear">

</telerik:RadPanelBar>

My requirement is to create PanelSections at runtime, so I add them via CodeBehind as below:

RadPanelItem

rpiTemp = new RadPanelItem();

if(!blnEmptyAccordion) rpiTemp.Controls.Add(objRadMenu); //PanelItem has a dynamically created RadMenu inside it.

((

RadPanelItem)rpbMenu.Items[intSectionCount]).Items.Add(rpiTemp);

But when the PanelBars are clicked, there is no animation and there is an abrupt hiding of one section and the other section is shown - as if it is a simple JS-based show/hide!

Can you please check and provide a solution? The application goes to production in one month and we've this issue reported by client. :(

Best Regards
Veenu Munjal

answered on 25 Nov 2009, 12:31 PM

Hello Veenu,

I'm afraid we could not be of much help unless we reproduce the issue on our side. It will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.