Animate RowDetails

[Alex]

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

[Vicky]

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

[Alex]

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

[Martin Ivanov]

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

[Alex]

Hello Martin,

unfortunately there is no project attached.

Regards
Alex

[Martin Ivanov]

Hello Alexander,

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

Regards,
Martin Ivanov
Progress Telerik