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

ExpandDirection="Left"-Problem

3 Answers 43 Views
Expander
This is a migrated thread and some comments may be shown as answers.
Kai
Top achievements
Rank 1
Kai asked on 18 May 2011, 02:01 PM
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.

3 Answers, 1 is accepted

Sort by
0
Petar Mladenov
Telerik team
answered on 23 May 2011, 02:47 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Kai
Top achievements
Rank 1
answered on 23 May 2011, 03:13 PM
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.
0
Petar Mladenov
Telerik team
answered on 23 May 2011, 03:17 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Expander
Asked by
Kai
Top achievements
Rank 1
Answers by
Petar Mladenov
Telerik team
Kai
Top achievements
Rank 1
Share this question
or