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

Animate RowDetails

5 Answers 23 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 17 Apr 2019, 02:56 PM

Hello

I'm using the radgridview and would like to animate the opening and closing of the rowdetails. How do I make it similar to the animation of the expander (without specifying a height).

I'm using version 19.1.220 with the material theme.

 

Thanks

5 Answers, 1 is accepted

Sort by
0
Vicky
Telerik team
answered on 18 Apr 2019, 03:29 PM
Hi Alex,

In order to animate RadGridView's RowDetails opening and closing you can:
  • restyle the DetailsPresenter, which is the one that contains the RowDetailsTemplate:
    You can re-template the DetailsPresenter in order to add the desired by you animations as part of Triggers or VisualStates.
  • use RowDetailsVisibilityChanging or RowDetailsVisibilityChanged events:
    Binding to those events gives you the ability to create your animations in code behind and use the height of the DetailsPresenter without specifying a hardcoded one.
  • make RadExpander the parent element of the desired by you RowDetailsTemplate:
    By doing this you can set HeaderButtonStyle="{x:Null}" to hide the header button and only benefit from RadExpander's animation. This implies some code customizations as well.

Please try out these suggestions and let me know if further assistance is needed.


Regards,
Vicky
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Alex
Top achievements
Rank 1
answered on 29 Apr 2019, 01:27 PM

Hello Vicky,

thank you for the answer.
I have tried to implement this using your information, but without success.
Can you please attach an example?

Thanks

0
Martin Ivanov
Telerik team
answered on 02 May 2019, 11:52 AM
Hello Alex,

I've prepared a small example that shows an approach similar to the Vicky's one. Can you please give the attached project a shot and tell me if it helps?

Regards,
Martin Ivanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Alex
Top achievements
Rank 1
answered on 02 May 2019, 12:01 PM

Hello Martin,

unfortunately there is no project attached.

Regards
Alex

0
Martin Ivanov
Telerik team
answered on 02 May 2019, 12:09 PM
Hello Alexander,

It seems that something went wrong with the .zip. I am re-attaching it.

Regards,
Martin Ivanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
GridView
Asked by
Alex
Top achievements
Rank 1
Answers by
Vicky
Telerik team
Alex
Top achievements
Rank 1
Martin Ivanov
Telerik team
Share this question
or