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

RadRibbon Color change

3 Answers 130 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
Arun
Top achievements
Rank 1
Arun asked on 01 Oct 2014, 07:05 AM
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>

3 Answers, 1 is accepted

Sort by
0
Pavel R. Pavlov
Telerik team
answered on 06 Oct 2014, 06:53 AM
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.
 
0
Accepted
Evgenia
Telerik team
answered on 06 Oct 2014, 04:13 PM
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.

 
0
Arun
Top achievements
Rank 1
answered on 07 Oct 2014, 04:03 AM
@Evgenia  Thanks for the support. (y)
Tags
RibbonView and RibbonWindow
Asked by
Arun
Top achievements
Rank 1
Answers by
Pavel R. Pavlov
Telerik team
Evgenia
Telerik team
Arun
Top achievements
Rank 1
Share this question
or