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

[Solved] Left and Right Expander Text

2 Answers 223 Views

Expander

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

This question is locked. New answers and comments are not allowed.

Jamest asked on 26 Mar 2009, 06:55 PM

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 Answers, 1 is accepted

Accepted

answered on 31 Mar 2009, 07:22 AM

200884-example-20090331-0004.zip

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.