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

Left and Right Expander Text

2 Answers 141 Views
Expander
This is a migrated thread and some comments may be shown as answers.
Jamest
Top achievements
Rank 2
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

Sort by
0
Accepted
Ivan
Telerik team
answered on 31 Mar 2009, 07:22 AM
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.
0
Laurian Angelescu
Top achievements
Rank 1
answered on 07 Jun 2010, 02:44 PM
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
Tags
Expander
Asked by
Jamest
Top achievements
Rank 2
Answers by
Ivan
Telerik team
Laurian Angelescu
Top achievements
Rank 1
Share this question
or