Server Side Open with Animation

7 posts, 1 answers
  1. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 09 Apr 2013 Link to this post

    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
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 11 Apr 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 11 Apr 2013 Link to this post

    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
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 22 Apr 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 22 Apr 2013 Link to this post

    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

  7. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 23 Apr 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  8. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 23 Apr 2013 Link to this post

    Brilliant Kate,

    Thank you so much - great support!

    Jon
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017