ExpandDirection="Left"-Problem

4 posts, 0 answers
  1. Kai
    Kai avatar
    2 posts
    Member since:
    Nov 2010

    Posted 18 May 2011 Link to this post

    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.
  2. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 23 May 2011 Link to this post

    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
  3. DevCraft banner
  4. Kai
    Kai avatar
    2 posts
    Member since:
    Nov 2010

    Posted 23 May 2011 Link to this post

    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.
  5. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 23 May 2011 Link to this post

    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
Back to Top