Server Side Open with Animation

[Jon]

HI,

I'm not sure if there are other controls that might do this better than the panel but here goes....

I have a search panel. When the user has entered all the search parameters and clicked 'search' - I'd like the search panel to close "with animation" and the results panel to open "with animation". Obviously the search function needs to be processed on the server during this,
I've looked around and tried the ACT but no joy as yet.

All help appreciated.

Cheers,
Jon

[Kate]

Hi Jon,

Attached to this post you can find a very simplified runnable project that implements the functionality that you describe. In order to implement the functionality I used two RadPanelBar controls and a simple button in a content template of the RadPanelItem. You can use the following example as a star up and extend it further if needed.  

Kind regards,
Kate
the Telerik team

[Jon]

Hi Kate,

Many thanks for the demo which opens and closes the panels as needed.
I really wanted to do something like this; close the search panel slowly with animation and then open the grid panel slowly with animation. However from the server I can't seem to use the panelBar animations, they just open and close instantly.
Is that possible please, or am I doing something wrong?

Thanks,
Jon

[Kate]

Hi Jon,

One approach that you can use is to register the script that will expand and collapse the two RadPanelBar controls from the server side. Thus the expanding/collapsing of the controls will be executed once the page posts back. Attached to this post you can find a very simplified runnable page demonstrating that functionality. 

Regards,
Kate
the Telerik team

[Jon]

Hi Kate,

Thanks very much!

That works great. However, I can only get it to work on an ASPX page; It will not work (at least for me) in a userControl/MasterPage scenario.
Any ideas what I am doing wrong please?

Cheers,
Jon

[Kate]

Hello Jon,

Indeed, you are correct that the code that I send you works only in a simple page since the id (that we use in code behind to expand/collapse the controls) of the RadPanelBar will change when placed in a content page. In such case, when you are trying to access different controls between the master and the content page, I would suggest that you take a look at the example here where you can find the basic examples and detailed explanation on such scenario.

Greetings,
Kate
the Telerik team

[Jon]

Brilliant Kate,

Thank you so much - great support!

Jon