OutlookBar Minimize Button Orientation

5 posts, 0 answers
  1. Corey
    Corey avatar
    3 posts
    Member since:
    Jul 2010

    Posted 23 May 2011 Link to this post

    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
  2. Viktor Tsvetkov
    Admin
    Viktor Tsvetkov avatar
    382 posts

    Posted 24 May 2011 Link to this post

    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
  3. DevCraft banner
  4. Ronald
    Ronald avatar
    21 posts
    Member since:
    Dec 2007

    Posted 24 Jun 2011 Link to this post

    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
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 29 Jun 2011 Link to this post

    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
  6. Ronald
    Ronald avatar
    21 posts
    Member since:
    Dec 2007

    Posted 30 Jun 2011 Link to this post

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