Left and Right Expander Text

3 posts, 1 answers
  1. Jamest
    Jamest avatar
    41 posts
    Member since:
    Apr 2007

    Posted 26 Mar 2009 Link to this post

    Does anyone have an example of how to have vertical text on a left/right RadExpander. The issue is that the expander renders with the width of the text, making it a giant block (its width is still the width of the text). 

     
                            
    <telerik:RadExpander  ExpandDirection="Right" IsExpanded="False"   > 
                                    <telerik:RadExpander.Header> 
                                                <TextBlock HorizontalAlignment="Center"  FontSize="12" Foreground="#FFF7F3F7" Text=" " RenderTransformOrigin="0.5,0.5"  x:Name="tbAdvancedOptions" > 
                                                    <TextBlock.RenderTransform> 
                                                        <TransformGroup> 
                                                            <ScaleTransform/> 
                                                            <SkewTransform/> 
                                                            <RotateTransform Angle="-90"/>  
                                                            <TranslateTransform Y="80"/>  
                                                        </TransformGroup> 
                                                    </TextBlock.RenderTransform> 
                                                </TextBlock> 
                                          
                                        </telerik:RadExpander.Header> 
    </telerik:RadExpander>  
    Hopefully someone has solved this....Thank you in advance,
               Jordan
  2. Answer
    Ivan
    Admin
    Ivan avatar
    519 posts

    Posted 31 Mar 2009 Link to this post

    Hi Ender,

    About the extra space around the rotated header text - this is a result of the layout rendering nature - for example you can observe the same behavior in the MS Toolkit's Expander. Fortunately, you are not so limited in the layout game - in the attached archive you can find an example where the vertical header is demonstrated. Please give it a try and let me know if you have more questions.

    Kind regards,
    Ivan
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  3. DevCraft banner
  4. Laurian Angelescu
    Laurian Angelescu avatar
    10 posts
    Member since:
    Apr 2010

    Posted 07 Jun 2010 Link to this post

    I found this example to be more clean since it doesn't introduce hard-coded margin values and gives the desired functionality without any other tinkering.
    http://www.telerik.com/support/kb/silverlight/expander/radexpander-header-orientation.aspx
Back to Top