[Solved] Is it possible to use RadExpander for showing RowDetails when a row is clicked?

[Jonathon]

Hi,

I was wondering if it were possible to have radexpander attached to each row so when the user clicks on a row to show the RowDetails, the RowDetails will slide open in similar fashion to what RadExpander does normally.

Thanks,

Jonathon

[Vanya Pavlova]

Hello Jonathon,

 

You may animate RadGridView's RowDetails through predefining the template of DetailsPresenter and add your own custom animation similar to the default one of RadExpander.
 
Please take a look at the following forum thread "Row Details - Animation" for further reference. 

Greetings,
Vanya Pavlova
the Telerik team

[Jonathon]

Hi Vanya,

Thanks for the reply, however, that is what I have right now. I guess I was unsure about how to change the animation to be like RadExpander. I have found the default style in RadExpander, but am unsure of what to takeout of it and put in my row. Here is some of the style elements from RadExpander:

<VisualState x:Name="DirectionDown">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col0">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="*"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row1">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="*"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Row)" Storyboard.TargetName="Content">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>



<Setter Property="telerik:AnimationManager.AnimationSelector">
                <Setter.Value>
                    <telerik:AnimationSelector>
                        <telerik:ExpanderExpandCollapseAnimation AnimationName="Expand" Direction="In" TargetElementName="Content"/>
                        <telerik:ExpanderExpandCollapseAnimation AnimationName="Collapse" Direction="Out" TargetElementName="Content"/>
                    </telerik:AnimationSelector>
                </Setter.Value>
            </Setter>

Thanks,

Jonathon

[Vanya Pavlova]

Hi Jonathon,

 
RadExpander is a Telerik control which provides this functionality our-of-the-box. As you may see from the defined VisualStates you are manipulating the "Content" based on RadExpander's specific properties. You cannot use it directly to animate DetailsPresenter in such way, because internally RadGridView is not aware of this functionality. I believe that the better approach is to construct this or similar one animation by your side to achieve the desired effect.  

Regards,
Vanya Pavlova
the Telerik team

[Jonathon]

Thanks for letting me know.

It would be cool if Telerik had this built-in in a future version of the controls.

Jonathon

[Miro Miroslavov]

Hi Jonathon,

 Thank you for your feedback. We'll consider implementing easier way to incorporate these animations.

Greetings,
Miro Miroslavov
the Telerik team