Animation Stutters

[Chad]

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.

[Veenu]

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

[Paul]

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.