This question is locked. New answers and comments are not allowed.
Hi,
I have one RadRichTextBox with one RadRichTextBoxRibbonUI. The Title and the Application menu is hidden, and i only have the RadRibbonTab visible. The main problem is there is a black line on top of the RadRichTextBoxRibbonUI.
The RadRichTextBoxRibbonUI declaration is:
How can i take this line out?
By the way, how can i put the "button" "Tools" with other color instead of white?
Thank you!
I have one RadRichTextBox with one RadRichTextBoxRibbonUI. The Title and the Application menu is hidden, and i only have the RadRibbonTab visible. The main problem is there is a black line on top of the RadRichTextBoxRibbonUI.
The RadRichTextBoxRibbonUI declaration is:
<
UserControl
x:Class
=
"GenericComponentSample.MainPage"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
xmlns:telerikRuler
=
"clr-namespace:Telerik.Windows.Documents.UI.Ruler;assembly=Telerik.Windows.Documents"
xmlns:telerikRibbonBar
=
"clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.RibbonBar"
>
<
Grid
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"10"
/>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"*"
/>
</
Grid.RowDefinitions
>
<
telerik:RadRichTextBoxRibbonUI
Grid.Row
=
"1"
Name
=
"radRichTextBoxRibbonUI1"
Background
=
"Transparent"
DataContext
=
"{Binding ElementName=txta}"
ApplicationButtonVisibility
=
"Collapsed"
ApplicationName
=
"Something"
TitleBarVisibility
=
"Collapsed"
IsMinimized
=
"True"
>
<
telerikRibbonBar:RadRibbonTab
Header
=
"Tools"
>
<
telerikRibbonBar:RadRibbonGroup
Header
=
"Clipboard"
>
<
telerikRibbonBar:RadRibbonGroup.Variants
>
<
telerikRibbonBar:GroupVariant
Priority
=
"0"
Variant
=
"Medium"
/>
</
telerikRibbonBar:RadRibbonGroup.Variants
>
<
StackPanel
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
telerikRibbonBar:RadRibbonButton
CollapseToSmall
=
"WhenGroupIsMedium"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=CutCommand}"
Size
=
"Medium"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/cut.png"
Text
=
"Cut"
/>
<
telerikRibbonBar:RadRibbonButton
CollapseToSmall
=
"WhenGroupIsMedium"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=CopyCommand}"
Size
=
"Medium"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/copy.png"
Text
=
"Copy"
/>
<
telerikRibbonBar:RadRibbonButton
CollapseToSmall
=
"WhenGroupIsMedium"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=PasteCommand}"
Size
=
"Medium"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/paste.png"
Text
=
"Paste"
/>
</
StackPanel
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
telerikRibbonBar:RadRibbonButton
CollapseToSmall
=
"WhenGroupIsMedium"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=SaveCommand}"
Size
=
"Medium"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/save.png"
Text
=
"Save"
/>
<
telerikRibbonBar:RadRibbonButton
CollapseToSmall
=
"WhenGroupIsMedium"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=UndoCommand}"
Size
=
"Medium"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/undo.png"
Text
=
"Undo"
/>
<
telerikRibbonBar:RadRibbonButton
CollapseToSmall
=
"WhenGroupIsMedium"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=RedoCommand}"
Size
=
"Medium"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/redo.png"
Text
=
"Redo"
/>
</
StackPanel
>
</
StackPanel
>
</
telerikRibbonBar:RadRibbonGroup
>
<
telerikRibbonBar:RadRibbonGroup
Header
=
"Font"
>
<
telerikRibbonBar:RadRibbonGroup.Variants
>
<
telerikRibbonBar:GroupVariant
Priority
=
"2"
Variant
=
"Medium"
/>
<
telerikRibbonBar:GroupVariant
Priority
=
"4"
Variant
=
"Small"
/>
<
telerikRibbonBar:GroupVariant
Priority
=
"5"
Variant
=
"Collapsed"
/>
</
telerikRibbonBar:RadRibbonGroup.Variants
>
<
telerikRibbonBar:RadOrderedWrapPanel
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
telerikRibbonBar:RadRibbonComboBox
CommandParameter
=
"{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem}"
Height
=
"21"
IsEditable
=
"True"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeFontFamilyCommand}"
Width
=
"135"
>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Arial"
FontFamily
=
"Arial"
Tag
=
"Arial"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Arial Black"
FontFamily
=
"Arial Black"
Tag
=
"Arial Black"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Calibri"
FontFamily
=
"Calibri"
Tag
=
"Calibri"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Comic Sans MS"
FontFamily
=
"Comic Sans MS"
Tag
=
"Comic Sans MS"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Courier New"
FontFamily
=
"Courier New"
Tag
=
"Courier New"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Georgia"
FontFamily
=
"Georgia"
Tag
=
"Georgia"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Lucida Sans Unicode"
FontFamily
=
"Lucida Sans Unicode"
Tag
=
"Lucida Sans Unicode"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Times New Roman"
FontFamily
=
"Times New Roman"
Tag
=
"Times New Roman"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Trebuchet MS"
FontFamily
=
"Trebuchet MS"
Tag
=
"Trebuchet MS"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"Verdana"
FontFamily
=
"Verdana"
Tag
=
"Verdana"
/>
</
telerikRibbonBar:RadRibbonComboBox
>
<
telerikRibbonBar:RadRibbonComboBox
CommandParameter
=
"{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem.Tag}"
Height
=
"21"
IsEditable
=
"True"
IsReadOnly
=
"True"
IsTextSearchEnabled
=
"False"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeFontSizeCommand}"
Width
=
"45"
>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"8"
Tag
=
"10.67"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"9"
Tag
=
"12"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"10"
Tag
=
"13.33"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"11"
Tag
=
"14.67"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"12"
Tag
=
"16"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"14"
Tag
=
"18.67"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"16"
Tag
=
"21.33"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"18"
Tag
=
"24"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"20"
Tag
=
"26.67"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"22"
Tag
=
"29.33"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"24"
Tag
=
"32"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"26"
Tag
=
"34.67"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"28"
Tag
=
"37.33"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"36"
Tag
=
"48"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"48"
Tag
=
"64"
/>
<
telerikRibbonBar:RadRibbonComboBoxItem
Content
=
"72"
Tag
=
"96"
/>
</
telerikRibbonBar:RadRibbonComboBox
>
</
StackPanel
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=IncrementFontSizeCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-increasesize.png"
/>
<
telerikRibbonBar:RadRibbonButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=DecrementFontSizeCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-decreasesize.png"
/>
</
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ClearFormattingCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/ClearFormatting16.png"
/>
</
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleBoldCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/bold.png"
/>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleItalicCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/italic.png"
/>
<
telerikRibbonBar:RadRibbonSplitButton
IsToggle
=
"True"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleUnderlineCommand}"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png"
>
<
telerikRibbonBar:RadRibbonSplitButton.DropDownContent
>
<
telerikRibbonBar:RadGallery
ItemHeight
=
"26"
ItemWidth
=
"156"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeUnderlineDecorationCommand}"
ViewportHeight
=
"210"
ViewportWidth
=
"157"
>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline1.png"
Tag
=
"Line"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline2.png"
Tag
=
"DoubleLine"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline3.png"
Tag
=
"ThickLine"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline4.png"
Tag
=
"DottedLine"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline5.png"
Tag
=
"DashedLine"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline6.png"
Tag
=
"DotDashedLine"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline7.png"
Tag
=
"DotDotDashedLine"
/>
<
telerikRibbonBar:RadGalleryItem
Image
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline8.png"
Tag
=
"Wave"
/>
</
telerikRibbonBar:RadGallery
>
</
telerikRibbonBar:RadRibbonSplitButton.DropDownContent
>
</
telerikRibbonBar:RadRibbonSplitButton
>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleStrikethroughCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/Strikethrough16.png"
/>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleSubscriptCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/subscript.png"
/>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleSuperscriptCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/superscript.png"
/>
</
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonSplitButton
CommandParameter
=
"{Binding RelativeSource={RelativeSource Self}, Path=DropDownContent.SelectedColor}"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeFontHighlightColorCommand}"
>
<
telerikRibbonBar:RadRibbonSplitButton.DropDownContent
>
<
telerik:RadColorSelector
Name
=
"highlightColorSelector"
NoColorVisibility
=
"Collapsed"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeFontHighlightColorCommand}"
SelectedColor
=
"Yellow"
/>
</
telerikRibbonBar:RadRibbonSplitButton.DropDownContent
>
<
Grid
>
<
Image
Source
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/highlight.png"
Stretch
=
"None"
/>
<
Rectangle
Height
=
"4"
HorizontalAlignment
=
"Stretch"
VerticalAlignment
=
"Bottom"
>
<
Rectangle.Fill
>
<
SolidColorBrush
Color
=
"{Binding Path=SelectedColor, ElementName=highlightColorSelector}"
/>
</
Rectangle.Fill
>
</
Rectangle
>
</
Grid
>
</
telerikRibbonBar:RadRibbonSplitButton
>
<
telerikRibbonBar:RadRibbonSplitButton
CommandParameter
=
"{Binding RelativeSource={RelativeSource Self}, Path=DropDownContent.SelectedColor}"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeFontForeColorCommand}"
>
<
telerikRibbonBar:RadRibbonSplitButton.DropDownContent
>
<
telerik:RadColorSelector
Name
=
"foreColorSelector"
NoColorVisibility
=
"Collapsed"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeFontForeColorCommand}"
SelectedColor
=
"Red"
/>
</
telerikRibbonBar:RadRibbonSplitButton.DropDownContent
>
<
Grid
>
<
Image
Source
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/fontcolor.png"
Stretch
=
"None"
/>
<
Rectangle
Height
=
"4"
HorizontalAlignment
=
"Stretch"
VerticalAlignment
=
"Bottom"
>
<
Rectangle.Fill
>
<
SolidColorBrush
Color
=
"{Binding Path=SelectedColor, ElementName=foreColorSelector}"
/>
</
Rectangle.Fill
>
</
Rectangle
>
</
Grid
>
</
telerikRibbonBar:RadRibbonSplitButton
>
</
telerikRibbonBar:RadButtonGroup
>
</
telerikRibbonBar:RadOrderedWrapPanel
>
</
telerikRibbonBar:RadRibbonGroup
>
<
telerikRibbonBar:RadRibbonGroup
DialogLauncherVisibility
=
"Visible"
Header
=
"Paragraph"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ShowParagraphPropertiesDialogCommand}"
>
<
telerikRibbonBar:RadRibbonGroup.Variants
>
<
telerikRibbonBar:GroupVariant
Priority
=
"1"
Variant
=
"Medium"
/>
<
telerikRibbonBar:GroupVariant
Priority
=
"3"
Variant
=
"Collapsed"
/>
</
telerikRibbonBar:RadRibbonGroup.Variants
>
<
telerikRibbonBar:RadOrderedWrapPanel
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleBulletsCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-bullets.png"
/>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleNumberedCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-numbered.png"
/>
</
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=DecrementParagraphLeftIndentCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/outdent.png"
/>
<
telerikRibbonBar:RadRibbonButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=IncrementParagraphLeftIndentCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/indent.png"
/>
</
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonToggleButton
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ToggleFormattingSymbolsCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/formatting-symbols.png"
/>
</
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadButtonGroup
>
<
telerikRibbonBar:RadRibbonToggleButton
CommandParameter
=
"Left"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeTextAlignmentCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignleft.png"
Text
=
"Align Left"
/>
<
telerikRibbonBar:RadRibbonToggleButton
CommandParameter
=
"Center"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeTextAlignmentCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/aligncenter.png"
Text
=
"Center"
/>
<
telerikRibbonBar:RadRibbonToggleButton
CommandParameter
=
"Right"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeTextAlignmentCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignright.png"
Text
=
"Align Right"
/>
<
telerikRibbonBar:RadRibbonToggleButton
CommandParameter
=
"Justify"
telerik:RadRichTextBoxRibbonUI.RichTextCommand
=
"{Binding Path=ChangeTextAlignmentCommand}"
Size
=
"Small"
SmallImage
=
"/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignjustify.png"
Text
=
"Justify"
/>
</
telerikRibbonBar:RadButtonGroup
>
</
telerikRibbonBar:RadOrderedWrapPanel
>
</
telerikRibbonBar:RadRibbonGroup
>
</
telerikRibbonBar:RadRibbonTab
>
</
telerik:RadRichTextBoxRibbonUI
>
<
telerik:RadRichTextBox
Grid.Row
=
"2"
Margin
=
"10"
x:Name
=
"txta"
/>
</
Grid
>
</
UserControl
>
How can i take this line out?
By the way, how can i put the "button" "Tools" with other color instead of white?
Thank you!