ExpandDirection="Left"-Problem

[Kai]

Hello,

I use a RadExpander with the ExpandDirection="Left". When I click on the expander, it starts expanding in the middle of the content area (look at the attached pictures). I expect that expanding starts on the right side and expand until the left side is reached.
      

<telerik:RadExpander ExpandDirection="Left" Header="Header">
    <telerik:RadExpander.Content>
        <Grid Background="LightBlue"/>
    </telerik:RadExpander.Content>
</telerik:RadExpander>

How can I realize this?

Thank you.

[Petar Mladenov]

Hi Kai,

You can edit the default style of the RadExpander and follow this help article. I replaced the default animations with telerik`s SlideAnimations. Could you please check out my project and let us know if it satisfies you ?

Regards,
Petar Mladenov
the Telerik team

[Kai]

Hello Petar,

your project is working, but only for the "ExpandDirection=LEFT". When I change the direction it still expands from the right to the left side.

Is it necessary to create a own style for each "ExpandDirection" or is there a bug in the RadExpander?

Thank you.

[Petar Mladenov]

Hi Kai,

Yes, you have to use different style for the different expand directions. Changing the ExpandDirection needs changes in some of the SlideAnimation`s properties :

<Setter Property="telerik:AnimationManager.AnimationSelector">
                <Setter.Value>
                    <telerik:AnimationSelector>
                        <telerik:SlideAnimation AnimationName="Expand"
                                                Direction="In"
                                                Orientation="Horizontal"
                                                PixelsToAnimate="1000"
                                                SpeedRatio="0.8"
                                                 SlideMode="Bottom"
                                                TargetElementName="Content" />
                        <telerik:SlideAnimation AnimationName="Collapse"
                                                Direction="Out"
                                                Orientation="Horizontal"
                                                PixelsToAnimate="1000"
                                                SpeedRatio="0.8"
                                                SlideMode="Bottom"
                                                TargetElementName="Content" />
                    </telerik:AnimationSelector>
                </Setter.Value>
            </Setter>

Best wishes,
Petar Mladenov
the Telerik team