styling pin unpin icons

6 posts, 1 answers
  1. Todd Millett
    Todd Millett avatar
    115 posts
    Member since:
    Jul 2009

    Posted 22 Mar 2011 Link to this post

    I was trying to change the icons associated with the pin and the unpin icons : i made the following changes to the paths in PaneHeader_PinButtonStyle : 

    <Path x:Name="BackgroundIcon" Data="M 6,0 L 0,3 L 6,6 Z" Height="10" Margin="0 2 0 0" Stroke="{StaticResource ButtonIconBackground_Normal}" StrokeThickness="1" Width="7"/>
    <Path x:Name="ForegroundIcon" Data="M 6,0 L 0,3 L 6,6 Z" Height="10" Margin="0 1 0 1" Stroke="{StaticResource ButtonIconForeground_Normal}" StrokeThickness="1" Width="7"/>

    and following change to the paths PaneHeader_UnPinButtonStyle : 

    <Path x:Name="BackgroundIcon" Data="M 0,0 L 6,3 L 0,6 Z" Height="10" Margin="0 2 0 0" Stroke="{StaticResource ButtonIconBackground_Normal}" StrokeThickness="1" Width="7"/>
    <Path x:Name="ForegroundIcon" Data="M 0,0 L 6,3 L 0,6 Z" Height="10" Margin="0 1 0 1" Stroke="{StaticResource ButtonIconForeground_Normal}" StrokeThickness="1" Width="7"/>

    I was able to see the change for the PaneHeader_PinButtonStyle, but for the PaneHeader_UnPinButtonStyle, when i mouse over the unpinned pane, the pane rolls out and i still see the old unpinned icon.

    Am i missing anything?
  2. Answer
    Dani
    Admin
    Dani avatar
    848 posts

    Posted 23 Mar 2011 Link to this post

    Hi Todd,

    The UnPin button which you wish to style is in the AutoHideArea template (note that there are four such templates - AutoHideAreaLeftTemplate, AutoHideAreaRightTemplate, AutoHideAreaTopTemplate, AutoHideAreaBottomTemplate ).

    You can either generate the whole template of RadDocking in Blend and drill down to the PaneHeader_UnPinButtonStyle in the left auto hide area, or you can use the attached sample. The example uses an implicit style for the left auto hide area, without including all the xaml for the rest of the auto hide areas or the RadDocking style itself.

    However, note that to keep your PaneHeader_PinButtonStyle, you will need to keep your existing customizations.

    Best wishes,
    Dani
    the Telerik team
  3. DevCraft banner
  4. mirang
    mirang avatar
    115 posts
    Member since:
    Aug 2010

    Posted 10 Aug 2011 Link to this post

    The above code gives some problem with the latest telerik silverlight version. Can you please sent an updated sample, also cant we directly change the autohidearea template using expression blend. There is not way to template these autohideareas.
  5. mirang
    mirang avatar
    115 posts
    Member since:
    Aug 2010

    Posted 11 Aug 2011 Link to this post

    I was able to get it working with the new version. But the problem is now, even if i set telerik:AnimationManager.IsAnimation = false, the animation is not disappearing. Is there anything specific i need to do about the same ?
  6. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 11 Aug 2011 Link to this post

    Hello Mirang,

    In order to remove the animation you need also to set the AnimationSelector to null:

    <telerikDock:RadDockingtelerik:AnimationManager.AnimationSelector="{x:Null}"telerik:AnimationManager.IsAnimationEnabled="False"
    ... 
    </telerikDock>

    Hope this helps.

    Best wishes,
    Konstantina
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>
  7. mirang
    mirang avatar
    115 posts
    Member since:
    Aug 2010

    Posted 11 Aug 2011 Link to this post

    That did solve the problem. Thanks
Back to Top
DevCraft banner