Change Background Color RadRibbonView

5 posts, 1 answers
  1. Andre
    Andre avatar
    33 posts
    Member since:
    Feb 2013

    Posted 15 Jul 2013 Link to this post

    I'm opening this topic because of the same title from another open, because for some reason they have not answered me, buy the component, but does not know it uses 100% precisano help.
    Here is the link to the other thread.

    http://www.telerik.com/community/forums/wpf/ribbonview/change-background-color-radribbonview-radribbontab-and-radribbongroup.aspx

    Att
    André
  2. Answer
    Tina Stancheva
    Admin
    Tina Stancheva avatar
    3299 posts

    Posted 17 Jul 2013 Link to this post

    Hi André,

    We've already resolved your issue in the other thread, however I just wanted to let you know that posting questions to our forums is a good way to get feedback from others in the community. However, it doesn’t come with a guaranteed response from our staff like support tickets do. This is why I'd recommend using the support ticketing system (http://www.telerik.com/account/support-tickets/available-support-list.aspx) to post your queries. This is the best way to reach our support staff - the support system assigns a response time for all of your questions, depending on your license and ensures that all questions will reach the respective developers, if needed.

    Regards,
    Tina Stancheva
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  3. Andre
    Andre avatar
    33 posts
    Member since:
    Feb 2013

    Posted 17 Jul 2013 Link to this post

    Ok, Thank you very much
    And sorry for double threads.

    graciously
    André
  4. farhat
    farhat avatar
    1 posts
    Member since:
    Jan 2013

    Posted 08 Sep in reply to Andre Link to this post

    hii , SomeOne help me , i want to change the color of telerik RadRibbon Grop and tap ..

    this is my code..

    <telerik:RadRichTextBoxRibbonUI x:Name="SectionRibbon"  BackstageClippingElement="{Binding ElementName=radRichTextBoxParent}" Visibility="Collapsed" Grid.ColumnSpan="4" Grid.Row="3" ApplicationButtonVisibility="Collapsed" CollapseThresholdSize="50,50" DataContext="{Binding Commands, ElementName=Section}" ApplicationName="" TitleBarVisibility="Collapsed"   Background="White">                     <telerik:RadRichTextBoxRibbonUI.Resources>                         <telerik:FontFamiliesProvider x:Key="FontFamiliesProvider"/>                         <telerik:EditingContextTypeToBoolConverter x:Key="EditingContextTypeToBoolConverter"/>                     </telerik:RadRichTextBoxRibbonUI.Resources>                     <telerik:RadRibbonTab Header="Home" Background="White" HeaderVisibility="Collapsed" >                         <telerik:RadRibbonGroup Header="{DynamicResource GeneralHeaderClipboard}" Background="White" Width="Auto">                             <telerik:RadCollapsiblePanel>                                 <telerik:RadRibbonButton  Background="White" CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionCutTheSelectionAndPutItOnTheClipboard}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding CutCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/cut.png" Text="{DynamicResource GeneralTextCut}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleCut}"/>                                 <telerik:RadRibbonButton  Background="White" CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionCopyTheSelectionAndPutItOnTheClipboard}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding CopyCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/copy.png" Text="{DynamicResource GeneralTextCopy}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleCopy}"/>                                 <telerik:RadRibbonButton  Background="White" CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionPasteTheContentsOfTheClipboard}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding PasteCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/paste.png" Text="{DynamicResource GeneralTextPaste}" telerik:ScreenTip.Title="{DynamicResource GeneralTitlePaste}"/>                                 <telerik:RadRibbonButton  Background="White" CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionPastePlainTextClipboard}" Command="{Binding PasteCommand}" CommandParameter="PasteAsPlainText"  Size="Medium" SmallImage="../../Images/PasteAsPlainText.png" Text="{DynamicResource GeneralTextPastePlainText}" telerik:ScreenTip.Title="{DynamicResource GeneralToolTipPastePlainText}"/>                             </telerik:RadCollapsiblePanel>                         </telerik:RadRibbonGroup>                         <telerik:RadRibbonGroup DialogLauncherVisibility="Visible" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionShowTheFontDialogBox}" Header="{DynamicResource GeneralHeaderFont}" telerik:ScreenTip.Icon="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/FontDialog.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowFontPropertiesDialogCommand}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleFont}" Width="Auto">                             <telerik:RadRibbonGroup.Background>                                 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                                     <GradientStop Color="#FF0098C5" Offset="0"/>                                     <GradientStop Color="White" Offset="1"/>                                 </LinearGradientBrush>                             </telerik:RadRibbonGroup.Background>                             <telerik:RadOrderedWrapPanel Width="Auto">                                 <StackPanel Orientation="Horizontal">                                     <telerik:RadRibbonComboBox telerik:StyleManager.Theme="fa"  Background="White" CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False" CommandParameter="{Binding SelectedValue, RelativeSource={RelativeSource Self}}" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionChangeTheFontFamily}" IsReadOnly="True" ItemsSource="{Binding RegisteredFonts, Source={StaticResource FontFamiliesProvider}}" MaxDropDownHeight="400" OpenDropDownOnFocus="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontFamilyCommand}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleFont}" Width="Auto"/>                                     <telerik:RadRibbonComboBox telerik:StyleManager.Theme="fa" Background="White" CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False" CommandParameter="{Binding SelectedItem.Tag, RelativeSource={RelativeSource Self}}" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionChangeTheFontSize}" IsEditable="True" IsReadOnly="True" IsTextSearchEnabled="False" MaxDropDownHeight="400" OpenDropDownOnFocus="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontSizeCommand}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleFontSize}" Width="Auto">                                         <telerik:RadRibbonComboBoxItem Content="8" Tag="10.67"/>                                         <telerik:RadRibbonComboBoxItem Content="9" Tag="12"/>                                         <telerik:RadRibbonComboBoxItem Content="10" Tag="13.34"/>                                         <telerik:RadRibbonComboBoxItem Content="10.5" Tag="14"/>                                         <telerik:RadRibbonComboBoxItem Content="11" Tag="14.67"/>                                         <telerik:RadRibbonComboBoxItem Content="12" Tag="16"/>                                         <telerik:RadRibbonComboBoxItem Content="14" Tag="18.67"/>                                         <telerik:RadRibbonComboBoxItem Content="16" Tag="21.33"/>                                         <telerik:RadRibbonComboBoxItem Content="18" Tag="24"/>                                         <telerik:RadRibbonComboBoxItem Content="20" Tag="26.67"/>                                         <telerik:RadRibbonComboBoxItem Content="22" Tag="29.33"/>                                         <telerik:RadRibbonComboBoxItem Content="24" Tag="32"/>                                         <telerik:RadRibbonComboBoxItem Content="26" Tag="34.67"/>                                         <telerik:RadRibbonComboBoxItem Content="28" Tag="37.33"/>                                         <telerik:RadRibbonComboBoxItem Content="36" Tag="48"/>                                         <telerik:RadRibbonComboBoxItem Content="48" Tag="64"/>                                         <telerik:RadRibbonComboBoxItem Content="72" Tag="96"/>                                     </telerik:RadRibbonComboBox>                                 </StackPanel>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionIncreaseTheFontSize}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding IncrementFontSizeCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-increasesize.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleGrowFont}"/>                                     <telerik:RadRibbonButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionDecreaseTheFontSize}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DecrementFontSizeCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-decreasesize.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleShrinkFont}"/>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionClearAllFormating}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ClearAllFormattingCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/ClearFormatting16.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleClearAllFormatting}"/>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto" Background="BlanchedAlmond">                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa"  Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionMakeTheSelectedTextBold}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleBoldCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/bold.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleBold}"/>                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa"  Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionItalicizeTheSelectedText}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleItalicCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/italic.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleItalic}"/>                                     <telerik:RadRibbonSplitButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionUnderlineTheSelectedText}" IsToggle="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleUnderlineCommand}" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleUnderline}">                                         <telerik:RadRibbonSplitButton.DropDownContent>                                             <telerik:RadGallery Height="210" ItemWidth="156" ItemHeight="26" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeUnderlineDecorationCommand}" ViewportWidth="157">                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline1.png" Tag="Line"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline2.png" Tag="DoubleLine"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline3.png" Tag="ThickLine"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline4.png" Tag="DottedLine"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline5.png" Tag="DashedLine"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline6.png" Tag="DotDashedLine"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline7.png" Tag="DotDotDashedLine"/>                                                 <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline8.png" Tag="Wave"/>                                             </telerik:RadGallery>                                         </telerik:RadRibbonSplitButton.DropDownContent>                                     </telerik:RadRibbonSplitButton>                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa"  Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionDrawALineThroughTheMiddleOfTheSelectedText}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleStrikethroughCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/Strikethrough16.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleStrikethrough}"/>                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionCreateSmallLettersBelowTheTextBaseline}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleSubscriptCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/subscript.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleSubscript}"/>                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionCreateSmallTextAboveTheLineOfText}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleSuperscriptCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/superscript.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleSuperscript}"/>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:HighlightColorPicker telerik:StyleManager.Theme="fa" Background="White" AutomaticColor="Transparent" BorderThickness="0" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionMakeTextLookLikeItWasMarkedWithAHighlighterPen}" Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/highlight.png" NoColorText="No color" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontHighlightColorCommand}" SelectedColor="Yellow" telerik:ScreenTip.Title="{DynamicResource GeneralTitleTextHighlightColor}"/>                                     <telerik:HighlightColorPicker telerik:StyleManager.Theme="fa" Background="White" BorderThickness="0" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionChangeTheTextColor}" Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/FontForeColor.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontForeColorCommand}" SelectedColor="Red" telerik:ScreenTip.Title="{DynamicResource GeneralTitleFontColor}"/>                                 </telerik:RadButtonGroup>                             </telerik:RadOrderedWrapPanel>                         </telerik:RadRibbonGroup>                         <telerik:RadRibbonGroup DialogLauncherVisibility="Visible" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionShowTheParagraphDialogBox}" Header="{DynamicResource GeneralHeaderParagraph}" telerik:ScreenTip.Icon="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/PropertiesDialog.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowParagraphPropertiesDialogCommand}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleParagraph}" Width="Auto">                             <telerik:RadOrderedWrapPanel Width="Auto">                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionStartABulletedList}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleBulletsCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-bullets.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleBullets}"/>                                     <telerik:RadRibbonToggleButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionStartANumberedList}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleNumberedCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-numbered.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleNumbering}"/>                                     <telerik:RadRibbonDropDownButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionChooseMultilevelList}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/MultilevelList.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleMultilevelList}">                                         <telerik:RadRibbonDropDownButton.DropDownContent>                                             <StackPanel>                                                 <ScrollViewer MaxHeight="565">                                                     <StackPanel>                                                         <telerik:RadGroupHeader Content="{DynamicResource GeneralContentListLibrary}"/>                                                         <telerik:RadGallery Height="176" ItemWidth="88" ItemHeight="88" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeListStyleCommand}" ScrollViewer.VerticalScrollBarVisibility="Disabled" ViewportWidth="266">                                                             <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNone.png" Tag="None"/>                                                             <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListBulleted.png" Tag="Bulleted"/>                                                             <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNumbered.png" Tag="Numbered"/>                                                             <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNumberedParenthesis.png" Tag="NumberedParenthesis"/>                                                             <telerik:RadGalleryItem Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNumberedHierarchical.png" Tag="NumberedHierarchical"/>                                                         </telerik:RadGallery>                                                         <telerik:ListStylesGallery AssociatedRichTextBox="{Binding AssociatedRichTextBox, Mode=OneWay}"/>                                                     </StackPanel>                                                 </ScrollViewer>                                                 <telerik:RadRibbonButton HorizontalAlignment="Stretch" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowDefineNewListStyleDialogCommand}" Size="Medium" Text="{DynamicResource GeneralTextDefineNewListStyle}"/>                                             </StackPanel>                                         </telerik:RadRibbonDropDownButton.DropDownContent>                                     </telerik:RadRibbonDropDownButton>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionDecreaseTheIndentLevelOfTheParagraph}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DecrementParagraphLeftIndentCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/outdent.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleDecreaseIndent}"/>                                     <telerik:RadRibbonButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionIncreaseTheIndentLevelOfTheParagraph}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding IncrementParagraphLeftIndentCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/indent.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleIncreaseIndent}"/>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonToggleButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionSetTheDirectionOfTextToBeDisplayedFromLeftToRight}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeParagraphFlowDirectionCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/LeftToRightFlowDirection.png" Text="{DynamicResource GeneralTextLeftToRightTextDirection}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleLeftToRightTextDirection}">                                         <telerik:RadRibbonToggleButton.CommandParameter>                                             <FlowDirection>LeftToRight</FlowDirection>                                         </telerik:RadRibbonToggleButton.CommandParameter>                                     </telerik:RadRibbonToggleButton>                                     <telerik:RadRibbonToggleButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionSetTheDirectionOfTextToBeDisplayedFromRightToLeft}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeParagraphFlowDirectionCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/RightToLeftFlowDirection.png" Text="{DynamicResource GeneralTextRightToLeftTextDirection}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleRightToLeftTextDirection}">                                         <telerik:RadRibbonToggleButton.CommandParameter>                                             <FlowDirection>RightToLeft</FlowDirection>                                         </telerik:RadRibbonToggleButton.CommandParameter>                                     </telerik:RadRibbonToggleButton>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonToggleButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionShowParagraphMarksAndOtherHiddenFormattingSymbols}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleFormattingSymbolsCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/formatting-symbols.png" telerik:ScreenTip.Title="{DynamicResource GeneralTitleShowhideFormattingSymbols}"/>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:RadRibbonToggleButton CommandParameter="Left" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionAlignTextToTheLeft}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignleft.png" Text="{DynamicResource GeneralTextAlignLeft}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleAlignTextLeft}"/>                                     <telerik:RadRibbonToggleButton CommandParameter="Center" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionCenterText}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/aligncenter.png" Text="{DynamicResource GeneralTextCenter}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleCenter}"/>                                     <telerik:RadRibbonToggleButton CommandParameter="Right" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionAlignTextToTheRight}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignright.png" Text="{DynamicResource GeneralTextAlignRight}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleAlignTextRight}"/>                                     <telerik:RadRibbonToggleButton CommandParameter="Justify" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionAlignText}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}" Size="Small" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignjustify.png" Text="{DynamicResource GeneralTextJustify}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleJustify}"/>                                 </telerik:RadButtonGroup>                                 <telerik:RadButtonGroup Width="Auto">                                     <telerik:HighlightColorPicker AutomaticColor="Transparent" BorderThickness="0" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionColorTheBackgroundBehindTheSelectedParagraph}" Image="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/ParagraphBackgroundColor.png" NoColorText="No color" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeParagraphBackgroundColorCommand}" SelectedColor="Transparent" telerik:ScreenTip.Title="{DynamicResource GeneralTitleShading}"/>                                 </telerik:RadButtonGroup>                             </telerik:RadOrderedWrapPanel>                         </telerik:RadRibbonGroup>                         <telerik:RadRibbonGroup Header="{DynamicResource GeneralHeaderEditingAmpProofing}">                             <telerik:RadCollapsiblePanel>                                 <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionFindOrReplaceTextInTheDocument}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowFindReplaceDialogCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/Find.png" Text="{DynamicResource GeneralTextFindreplace}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleFindreplace}"/>                                 <telerik:RadRibbonToggleButton CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionEnabledisableSpellChecking}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleSpellCheckingCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/EnableSpellCheck.png" Text="{DynamicResource GeneralTextEnableSpellCheck}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleSpellCheck}"/>                                 <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionOpenContextMenuOnNextSpellingError}" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding OpenContextMenuOnNextSpellingErrorCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/FindNextSpellingError.png" Text="{DynamicResource GeneralTextFindNextError}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleNextError}"/>                             </telerik:RadCollapsiblePanel>                         </telerik:RadRibbonGroup>                         <!--<telerik:RadRibbonGroup Header="Styles">                    <telerik:StylesGallery AssociatedRichTextBox="{Binding AssociatedRichTextBox, Mode=OneWay}"/>                    <telerik:RadRibbonButton telerik:ScreenTip.Description="Change the set of styles, colors, fonts and paragraph spacing used in this document." LargeImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/ChangeStyles.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowManageStylesDialogCommand}" Size="Large" Text="Change Styles" telerik:ScreenTip.Title="Change Styles"/>                </telerik:RadRibbonGroup>            </telerik:RadRibbonTab>            <telerik:RadRibbonTab Header="Insert">                <telerik:RadRibbonGroup Header="Pages">                    <telerik:RadRibbonButton telerik:ScreenTip.Description="Start the next page at the current position." LargeImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/PageBreak.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertPageBreakCommand}" Size="Large" Text="Page Break" telerik:ScreenTip.Title="Page Break"/>                </telerik:RadRibbonGroup>-->                         <telerik:RadRibbonGroup Header="{DynamicResource GeneralHeaderTables}" Width="Auto">                             <telerik:RadRibbonDropDownButton CollapseToMedium="WhenGroupIsMedium" Command="{Binding InsertTableCommand}" telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionInsertATableIntoTheDocument}" LargeImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/InsertTable.png" Size="Large" Text="{DynamicResource GeneralTextTable}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleTable}" >                                 <telerik:RadRibbonDropDownButton.DropDownContent>                                     <StackPanel>                                         <telerik:RadRibbonButton ClickMode="Press">                                             <telerik:TableSizePicker Command="{Binding InsertTableCommand}"/>                                         </telerik:RadRibbonButton>                                         <telerik:RadMenuItem IsSeparator="True"/>                                         <telerik:RadRibbonButton HorizontalAlignment="Stretch" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertTableDialogCommand}" Size="Medium" SmallImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/InsertTable.png" Text="{DynamicResource GeneralTextInsertTable}"/>                                     </StackPanel>                                 </telerik:RadRibbonDropDownButton.DropDownContent>                             </telerik:RadRibbonDropDownButton>                         </telerik:RadRibbonGroup>                         <telerik:RadRibbonGroup Header="{DynamicResource GeneralHeaderIllustrations}" Width="Auto">                             <telerik:RadRibbonButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionInsertAPictureFromAFile}" LargeImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/Picture.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertPictureCommand}" Size="Large" Text="{DynamicResource GeneralTextPicture}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleInsertPictureFromFile}" Width="45"/>                         </telerik:RadRibbonGroup>                         <telerik:RadRibbonGroup Header="{DynamicResource GeneralHeaderLinks}" Width="Auto">                             <telerik:RadRibbonButton telerik:ScreenTip.Description="{DynamicResource GeneralDescriptionCreateALinkToAWebPageAPictureOrAnEMailAddress}" LargeImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/inserthyperlink.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertHyperlinkDialogCommand}" Size="Large" Text="{DynamicResource GeneralTextHyperlink}" telerik:ScreenTip.Title="{DynamicResource GeneralTitleInsertHyperlink}"/>                         </telerik:RadRibbonGroup>                         <telerik:RadRibbonGroup Header="{DynamicResource GeneralHeaderEvidence}" Width="Auto">                             <telerik:RadRibbonButton Name="SaveEvidence" telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource EvidenceSaveToolTip}" Visibility="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorLevel=4, AncestorType={x:Type UserControl}}, Path=DataContext.IsAuthorizedUser,Converter={StaticResource BooleanToVisibilityConverter}, UpdateSourceTrigger=PropertyChanged}" Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorLevel=4, AncestorType={x:Type UserControl}}, Path=DataContext.SaveEvidenceCommand,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" CommandParameter="{Binding ElementName=EvidenceBlock}" Size="Medium" Text="{DynamicResource EvidenceSaveText}" telerik:ScreenTip.Title="{DynamicResource EvidenceSaveTitle}"/>                             <telerik:RadRibbonButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource EvidenceSearchToolTip}" Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorLevel=4, AncestorType={x:Type UserControl}}, Path=DataContext.GetEvidenceCommand,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Size="Medium"  Text="{DynamicResource EvidenceSearchText}" telerik:ScreenTip.Title="{DynamicResource EvidenceSearchTitle}"/>                             <telerik:RadRibbonButton telerik:StyleManager.Theme="fa" Background="White" telerik:ScreenTip.Description="{DynamicResource EvidencePasteToolTip}" Command="{Binding PasteCommand}" Size="Medium" CommandParameter="EVIPaste" Text="{DynamicResource EvidencePasteText}" telerik:ScreenTip.Title="{DynamicResource EvidencePasteTitle}" />                         </telerik:RadRibbonGroup>                         <!--<telerik:RadRibbonGroup Header="Symbols">                    <telerik:RadRibbonButton telerik:ScreenTip.Description="Insert symbols that are not on your keyboard, such as copyright symbols, trademark symbols, paragraph marks, and Unicode characters." LargeImage="pack://application:,,,/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/Symbol.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertSymbolWindowCommand}" Size="Large" Text="Symbol" telerik:ScreenTip.Title="Insert Symbol"/>                </telerik:RadRibbonGroup>-->                     </telerik:RadRibbonTab>                 </telerik:RadRichTextBoxRibbonUI>                 <telerik:RadRichTextBox CaretColor="DarkOrange" Name="Section" FontFamily="Segoe UI" FontSize="14" Padding="15,0,15,0" DocumentInheritsDefaultStyleSettings="True" Grid.ColumnSpan="5" Grid.Row="4" ScrollViewer.IsDeferredScrollingEnabled="False"  ShowComments="False" LayoutMode="{x:Null}" LostFocus="Section_LostFocus"                        MinHeight="100" IsSpellCheckingEnabled="True" AllowDrop="True" BorderThickness="0" BorderBrush="White" MouseOverBorderThickness="0" PreviewDragOver="Section_PreviewDragOver" PreviewMouseLeftButtonDown="Section_PreviewMouseLeftButtonDown"                 PreviewMouseMove="Section_PreviewMouseMove" PreviewDrop="Section_PreviewDrop"  Grid.RowSpan="2" ScrollViewer.VerticalScrollBarVisibility="Auto" Width="Auto" DocumentChanged="Section_DocumentChanged" DocumentContentChanged="Section_DocumentContentChanged" DocumentChanging="Section_DocumentChanging"                                        extensions:RadRichTextBoxExtensions.IgnoreScroll="True"                                       >                     <telerik:RadRichTextBox.Style>                         <Style TargetType="telerik:RadRichTextBox">                             <Style.Triggers>                                 <Trigger Property="IsEnabled" Value="true">                                     <Setter Property="Background" Value="White"/>                                 </Trigger>                                 <Trigger Property="IsEnabled" Value="false">                                     <Setter Property="Background" Value="#E8E8E8"/>                                 </Trigger>                             </Style.Triggers>                         </Style>                     </telerik:RadRichTextBox.Style>                 </telerik:RadRichTextBox>

  5. Martin
    Admin
    Martin avatar
    99 posts

    Posted 13 Sep Link to this post

    Hi,

    The RadRichTextBoxRibbonUI is a RadRibbonView. Each of the RadRibbonTabs and RadRibbonGroup can be styled individually by setting a style and/or editing control templates for each individual one or by creating an implicit style. You can take a look at the following articles for that:

    1. styling ribbon tabs
    2. styling the ribbon groups
    3. extracting and editing control templates

    Note that each of the the themes has its own individual style and control template, so modifications to them are theme specific and based on which one you have chosen for your application. I could suggest using a UI spy tool such as WPF inspector, Snoop WPF spy or the built in VS2015/2017 utility to explore the visual tree of the control and see which element should be modified in order to achieve the desired result.

    I could be of better assistance, if you are to include further information about the theme you are using and the desired result.

    Regards,
    Martin
    Progress Telerik
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Back to Top