Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / Silverlight > RibbonBar > how to modify visual structure of RibbonTabheader ?

Not answered how to modify visual structure of RibbonTabheader ?

Feed from this thread
  • raj avatar

    Posted on Jan 6, 2012 (permalink)

    Hi,
    By default RadRibbonTab control won't have borders around i want to give some borders, i have edited the RabRibbonBar control in Blend but i am un able to find the relevant item to edit style.
    Can any one please tell me how can i do this ?

    I have attached a image by which you can understand about the borders to which i have to apply.

    Thanks in Advance.
    Attached files

    Reply

  • Petar Mladenov Petar Mladenov admin's avatar

    Posted on Jan 11, 2012 (permalink)

    Hi raj,

     This could be easily achieved in RadRibbonView. Please check out the attached project and the edited style for RadTabItem like so:

    <Rectangle x:Name="TabSeparator" Fill="{TemplateBinding BorderBrush}" HorizontalAlignment="Right" Margin="0,0,-3,0" Visibility="Collapsed" VerticalAlignment="Stretch" Width="1"/>
                                <Grid x:Name="HeaderPanel" Visibility="{Binding HeaderVisibility, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
                                    <Border Background="{TemplateBinding Background}" BorderThickness="1" BorderBrush="Gray"  CornerRadius="3 3 0 0"/>
                                    <Border x:Name="MouseOverVisual" BorderBrush="{StaticResource TabMouseOverOuterBorder}" BorderThickness="1 1 1 0" CornerRadius="3 3 0 0" Visibility="Collapsed">
                                        <Border BorderBrush="{StaticResource TabMouseOverInnerBorder}" BorderThickness="1 1 1 0" Background="{StaticResource TabMouseOverBackground}" CornerRadius="2 2 0 0"/>
                                    </Border>

    All the best,
    Petar Mladenov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

    Attached files

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / Silverlight > RibbonBar > how to modify visual structure of RibbonTabheader ?