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

OutlookBar Minimize Button Orientation

4 Answers 92 Views
OutlookBar
This is a migrated thread and some comments may be shown as answers.
Corey
Top achievements
Rank 1
Corey asked on 23 May 2011, 05:21 PM
I'm docking my OutlookBar on the right side of my UI, The default minimize button points to the left while expanded, and ideally it'd point to the right.  What is the easiest way to change the orientation?

Thanks,
Corey

4 Answers, 1 is accepted

Sort by
0
Viktor Tsvetkov
Telerik team
answered on 24 May 2011, 09:04 AM
Hello Corey,

Currently in order to achieve what you want you should edit the template of the RadOutlookBar in Blend and modify the static resource MinimizeButtonStyle which is the one for the minimize button. If you need further assistance feel free to ask.

Best wishes,
Viktor Tsvetkov
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
Ronald
Top achievements
Rank 2
answered on 24 Jun 2011, 10:24 AM
Hi Viktor and/or Corey,

I just started with Blend (a whole new ballgame for me) and managed to rotate the arrow in the static resource.
But I can't get it to work, the arrow keeps on pointing to the left.

Feeling a bit silly right now... So.... Is it possible to provide me with a small example?

Best regards,
Ronald
0
Tina Stancheva
Telerik team
answered on 29 Jun 2011, 04:33 PM
Hi Ronald,

I attached a sample project illustrating how to change the MinimizeButton direction. Basically once you edit the ControlTemplate of the RadOutlookBar you need to modify and the MinimizeButtonStyle. It applies a template to the minimize button element of the RadOutlookBar and if you change the RotateTransform angle of the arrow element for the button, you should be able to implement your scenario.

All the best,
Tina Stancheva
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
Ronald
Top achievements
Rank 2
answered on 30 Jun 2011, 08:33 AM
Hi Tina, thanks for your reply, I'm still waiting for the coin to drop. But I now have an example I can work with :-)
It seemed a bit much for just changing the minimize button. :-S

But again thanks a lot for your help, I can now present a prototype of the intended interface.

All the best to you,
Ronald

edit:
I noticed that the arrow in a minimized OutlookBar was pointing in the same direction. So I rotated the button rather than the arrow. I also set the HorizontalAlignment to "Left".
<telerik:RadToggleButton x:Name="MinimizeButton" Margin="0 0 3 0"
        HorizontalAlignment="Left" Width="19" Height="19"
        Style="{StaticResource MinimizeButtonStyle}"
        VerticalAlignment="Center"             
        IsChecked="{Binding IsMinimized, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
        Visibility="{Binding IsMinimizable, Converter={StaticResource BooleanToVisibilityConverter}, RelativeSource={RelativeSource TemplatedParent}}" RenderTransformOrigin="0.5,0.5" >
    <telerik:RadToggleButton.RenderTransform>
        <CompositeTransform Rotation="-180"/>
    </telerik:RadToggleButton.RenderTransform>
 
Tags
OutlookBar
Asked by
Corey
Top achievements
Rank 1
Answers by
Viktor Tsvetkov
Telerik team
Ronald
Top achievements
Rank 2
Tina Stancheva
Telerik team
Share this question
or