RadRibbon Color change

4 posts, 1 answers
  1. Arun
    Arun avatar
    6 posts
    Member since:
    Sep 2014

    Posted 01 Oct 2014 Link to this post

    I have using a radribbon view in my wpf application.I need to change the color of the active tab(1) and the tab pane(2).Please see the attached file.
    here is my code


      
    <Window
            xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" x:Class="WpfApplication1.MainWindow"
            Title="MainWindow" Height="350" Width="525">
        <Grid Background="{DynamicResource {x:Static SystemColors.ControlBrushKey}}">
            <Grid.RowDefinitions>
                <RowDefinition Height="13*"/>
                <RowDefinition Height="19*"/>
            </Grid.RowDefinitions>
     
            <telerik:RadRibbonView  VerticalAlignment="Top" Background="#FF09587E" MinimizeButtonVisibility="Visible" BorderBrush="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}" Foreground="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}" Grid.RowSpan="2">
                <telerik:RadRibbonTab Header="RibbonTab" Background="{DynamicResource {x:Static SystemColors.ActiveCaptionTextBrushKey}}"  OpacityMask="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}">
                    <telerik:RadRibbonGroup Header="TEEEEE"/>
                </telerik:RadRibbonTab>
            </telerik:RadRibbonView>
     
        </Grid>
    </Window>
  2. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 06 Oct 2014 Link to this post

    Hi Arun,

    We are now working on this case. However, we will need more time to provide you with additional information.

    We will contact you by the end of the working day (+2 GTM).

    Regards,
    Pavel R. Pavlov
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  3. UI for WPF is Visual Studio 2017 Ready
  4. Answer
    Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 06 Oct 2014 Link to this post

    Hi Arun,

    Thanks for your patience.
    There are several changes that you need to do in order to make the required look:
    1. you'll need implicit style for the GroupChrome where you set Background property:

    <Style TargetType="telerikRibbonViewPrimitives:GroupChrome" BasedOn="{StaticResource GroupChromeStyle}">
              <Setter Property="Background" Value="Yellow" />
          </Style>

    2. Then you'll need to set Background to the RibbonView control.

    3. Finally you'll need implicit style for the RadTabControl  where you either set the OuterBorder element to be templatebound to the RibbonView Background or just hardcode the Background by yourself. Let me know if you need help with any of the steps suggested.

    Regards,
    Evgenia
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Arun
    Arun avatar
    6 posts
    Member since:
    Sep 2014

    Posted 06 Oct 2014 in reply to Evgenia Link to this post

    @Evgenia  Thanks for the support. (y)
Back to Top