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

RadRichTextBox ImageMiniToolBar tooltips not showing correctly

3 Answers 234 Views

RichTextBox

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

3 Answers, 1 is accepted

answered on 21 Jan 2020, 12:27 PM

tooltips.gif

Hi Remus,

Can you please share more details on the setup you have? I tested the tooltips in our official examples and it seems like everything is working as expected. I am also attaching a gif showing the behavior I am observing. Please, let me know if I am missing something.

Regards,
Tanya
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

answered on 22 Jan 2020, 07:31 AM

I have a xaml file where I define my RadRichDocument:

<UserControl x:Class="UI.DocumentPreview.TelerikDocumentRichBox"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="300">

<Grid>

<telerik:DocumentRuler>

<telerik:RadRichTextBox Name="radRichTextBox"

LayoutMode="Paged"/>

</telerik:DocumentRuler>

</Grid>

</UserControl>

A view where I define my ribbon:

<telerik:RadRibbonWindow

x:Class="UI.TelerikEditorWindow.TelerikEditorView"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:local="clr-namespace:UI.DocumentPreview"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

d:DesignWidth="1280"

UseLayoutRounding="True"

mc:Ignorable="d">

<telerik:RadRibbonWindow.Resources>

<ResourceDictionary>

<telerik:IconSources

x:Key="IconSources"

DarkBasePath="pack://application:,,,/UI/Resources/Icons/Dark/"

LightBasePath="pack://application:,,,/UI/Resources/Icons/Light/" />

</ResourceDictionary>

</telerik:RadRibbonWindow.Resources>

<Window.DataContext>

<local:TelerikEditorViewModel />

</Window.DataContext>

<Grid x:Name="radRichTextBoxParent">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<ContentControl Grid.Row="1" Content="{Binding DocumentRichBox}" />

<telerik:RadRichTextBoxRibbonUI

x:Name="ribbon"

Title="DocSuite Publish Mode"

ApplicationButtonContent="File"

ApplicationName=""

BackstageClippingElement="{Binding ElementName=radRichTextBoxParent}"

CollapseThresholdSize="50,50"

DataContext="{Binding RadRichTextBox.Commands}">

<telerik:RadRichTextBoxRibbonUI.Resources>

<telerik:FontFamiliesProvider x:Key="FontFamiliesProvider" />

<telerik:EditingContextTypeToBoolConverter x:Key="EditingContextTypeToBoolConverter" />

</telerik:RadRichTextBoxRibbonUI.Resources>

<telerik:RadRichTextBoxRibbonUI.Backstage>

<telerik:RadRibbonBackstage>

<telerik:RadRibbonBackstageItem

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding NewDocumentCommand}"

Header="New"

Icon="{telerik:IconResource IconRelativePath=16/new.png,

IconSources={StaticResource IconSources}}"

IsSelectable="false" />

<telerik:RadRibbonBackstageItem

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding OpenDocumentCommand}"

Header="Open"

Icon="{telerik:IconResource IconRelativePath=16/open.png,

IconSources={StaticResource IconSources}}"

IsSelectable="false" />

<telerik:RadRibbonBackstageItem

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

Header="Save"

Icon="{telerik:IconResource IconRelativePath=16/save.png,

IconSources={StaticResource IconSources}}"

IsSelectable="false" />

<telerik:RadRibbonBackstageItem

Header="Save As"

Icon="{telerik:IconResource IconRelativePath=16/saveas.png,

IconSources={StaticResource IconSources}}"

IsDefault="false">

<StackPanel

Margin="20,20,0,0"

HorizontalAlignment="Stretch"

UseLayoutRounding="True">

<TextBlock

FontFamily="Verdana"

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="Save As" />

<Rectangle

Width="410"

Height="1"

HorizontalAlignment="Left"

Fill="Gray" />

<StackPanel Margin="0,30,0,0" Orientation="Horizontal">

<telerik:RadRibbonButton

Width="90"

Height="80"

VerticalContentAlignment="Center"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

telerik:RadRichTextBoxRibbonUI.ShouldCloseBackstage="True"

BorderBrush="Gray"

CommandParameter="docx"

CornerRadius="3">

<Image

HorizontalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=ApplicationMenu/worddoc.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

</telerik:RadRibbonButton>

<StackPanel Margin="20,0,0,0">

<TextBlock

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="Word Document" />

<TextBlock

Width="300"

FontFamily="Verdana"

FontSize="13"

Text="Save the file as a Word document."

TextWrapping="Wrap" />

</StackPanel>

<StackPanel Margin="0,30,0,0" Orientation="Horizontal">

<telerik:RadRibbonButton

Width="90"

Height="80"

VerticalContentAlignment="Center"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

telerik:RadRichTextBoxRibbonUI.ShouldCloseBackstage="True"

BorderBrush="Gray"

CommandParameter="pdf"

CornerRadius="3">

<Image

HorizontalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=ApplicationMenu/Pdf.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

</telerik:RadRibbonButton>

<StackPanel Margin="20,0,0,0">

<TextBlock

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="PDF Document" />

<TextBlock

Width="300"

FontFamily="Verdana"

FontSize="13"

Text="Save document as a PDF file."

TextWrapping="Wrap" />

</StackPanel>

<StackPanel Margin="0,30,0,0" Orientation="Horizontal">

<telerik:RadRibbonButton

Width="90"

Height="80"

VerticalContentAlignment="Center"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

telerik:RadRichTextBoxRibbonUI.ShouldCloseBackstage="True"

BorderBrush="Gray"

CommandParameter="html"

CornerRadius="3">

<Image

HorizontalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=ApplicationMenu/html.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

</telerik:RadRibbonButton>

<StackPanel Margin="20,0,0,0">

<TextBlock

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="HTML Document" />

<TextBlock

Width="300"

FontFamily="Verdana"

FontSize="13"

Text="Save the file as a HTML document."

TextWrapping="Wrap" />

</StackPanel>

<StackPanel Margin="0,30,0,0" Orientation="Horizontal">

<telerik:RadRibbonButton

Width="90"

Height="80"

VerticalContentAlignment="Center"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

telerik:RadRichTextBoxRibbonUI.ShouldCloseBackstage="True"

BorderBrush="Gray"

CommandParameter="rtf"

CornerRadius="3">

<Image

HorizontalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=ApplicationMenu/Rtf.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

</telerik:RadRibbonButton>

<StackPanel Margin="20,0,0,0">

<TextBlock

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="Rich Text Format" />

<TextBlock

Width="300"

FontFamily="Verdana"

FontSize="13"

Text="Save document in Rich Text Format."

TextWrapping="Wrap" />

</StackPanel>

<StackPanel Margin="0,30,0,0" Orientation="Horizontal">

<telerik:RadRibbonButton

Width="90"

Height="80"

VerticalContentAlignment="Center"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

telerik:RadRichTextBoxRibbonUI.ShouldCloseBackstage="True"

BorderBrush="Gray"

CommandParameter="txt"

CornerRadius="3">

<Image

HorizontalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=ApplicationMenu/PlainText.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

</telerik:RadRibbonButton>

<StackPanel Margin="20,0,0,0">

<TextBlock

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="Plain text" />

<TextBlock

Width="300"

FontFamily="Verdana"

FontSize="13"

Text="Save document in plain text format."

TextWrapping="Wrap" />

</StackPanel>

</telerik:RadRibbonBackstageItem>

<telerik:RadRibbonBackstageItem

Header="Print"

Icon="{telerik:IconResource IconRelativePath=16/print.png,

IconSources={StaticResource IconSources}}"

IsDefault="true">

<StackPanel

Margin="20,20,0,0"

HorizontalAlignment="Stretch"

UseLayoutRounding="True">

<TextBlock

FontFamily="Verdana"

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="Print" />

<Rectangle

Width="410"

Height="1"

HorizontalAlignment="Left"

Fill="Gray" />

<StackPanel Margin="0,30,0,0" Orientation="Horizontal">

<telerik:RadRibbonButton

Width="90"

Height="80"

VerticalContentAlignment="Center"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding PrintCommand}"

telerik:RadRichTextBoxRibbonUI.ShouldCloseBackstage="True"

BorderBrush="Gray"

CommandParameter="Native"

CornerRadius="3">

<Image

HorizontalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=ApplicationMenu/pagesetup.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

</telerik:RadRibbonButton>

<StackPanel Margin="20,0,0,0">

<TextBlock

FontSize="18"

FontWeight="ExtraBold"

Foreground="#FF5E5E7C"

Text="Native Print" />

<TextBlock

Width="300"

FontFamily="Verdana"

FontSize="13"

Text="Send the document directly to the default printer without making changes."

TextWrapping="Wrap" />

</StackPanel>

</telerik:RadRibbonBackstageItem>

</telerik:RadRibbonBackstage>

</telerik:RadRichTextBoxRibbonUI.Backstage>

<telerik:RadRichTextBoxRibbonUI.ContextualGroups>

<telerik:RadRibbonContextualGroup x:Name="TableTools" Header="Table Tools">

<telerik:RadRibbonContextualGroup.IsActive>

<Binding

Converter="{StaticResource EditingContextTypeToBoolConverter}"

Mode="OneWay"

Path="AssociatedRichTextBox.CurrentEditingContext.Type">

<Binding.ConverterParameter>

<telerik:EditingContextTypes>Table</telerik:EditingContextTypes>

</Binding.ConverterParameter>

</Binding>

</telerik:RadRibbonContextualGroup.IsActive>

</telerik:RadRibbonContextualGroup>

<telerik:RadRibbonContextualGroup x:Name="HeaderFooterTools" Header="Header & Footer Tools">

<telerik:RadRibbonContextualGroup.IsActive>

<Binding

Converter="{StaticResource EditingContextTypeToBoolConverter}"

Mode="OneWay"

Path="AssociatedRichTextBox.CurrentEditingContext.Type">

<Binding.ConverterParameter>

<telerik:EditingContextTypes>HeaderFooter</telerik:EditingContextTypes>

</Binding.ConverterParameter>

</Binding>

</telerik:RadRibbonContextualGroup.IsActive>

</telerik:RadRibbonContextualGroup>

</telerik:RadRichTextBoxRibbonUI.ContextualGroups>

<telerik:RadRichTextBoxRibbonUI.QuickAccessToolBar>

<telerik:QuickAccessToolBar>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SaveCommand}"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/save.png,

IconSources={StaticResource IconSources}}"

Text="Save" />

<telerik:RadRibbonSplitButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding UndoCommand}"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/undo.png,

IconSources={StaticResource IconSources}}"

Text="Undo">

<telerik:RadRibbonSplitButton.DropDownContent>

<telerik:MultipleUndoControl telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding MultipleUndoCommand}" />

</telerik:RadRibbonSplitButton.DropDownContent>

</telerik:RadRibbonSplitButton>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding RedoCommand}"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/redo.png,

IconSources={StaticResource IconSources}}"

Text="Redo" />

</telerik:QuickAccessToolBar>

</telerik:RadRichTextBoxRibbonUI.QuickAccessToolBar>

<telerik:RadRibbonTab Header="Home">

<telerik:RadRibbonGroup Header="Clipboard">

<telerik:RadCollapsiblePanel>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding CutCommand}"

telerik:ScreenTip.Description="Cut the selection and put it on the Clipboard."

telerik:ScreenTip.Title="Cut"

CollapseToSmall="WhenGroupIsMedium"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/cut.png,

IconSources={StaticResource IconSources}}"

Text="Cut" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding CopyCommand}"

telerik:ScreenTip.Description="Copy the selection and put it on the Clipboard."

telerik:ScreenTip.Title="Copy"

CollapseToSmall="WhenGroupIsMedium"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/copy.png,

IconSources={StaticResource IconSources}}"

Text="Copy" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding PasteCommand}"

telerik:ScreenTip.Description="Paste the contents of the Clipboard."

telerik:ScreenTip.Title="Paste"

CollapseToSmall="WhenGroupIsMedium"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/paste.png,

IconSources={StaticResource IconSources}}"

Text="Paste" />

</telerik:RadCollapsiblePanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowFontPropertiesDialogCommand}"

telerik:ScreenTip.Description="Show the font dialog box."

telerik:ScreenTip.Icon="{telerik:IconResource IconRelativePath=FontDialog.png,

IconSources={StaticResource IconSources}}"

telerik:ScreenTip.Title="Font"

DialogLauncherVisibility="Visible"

Header="Font">

<telerik:RadOrderedWrapPanel>

<StackPanel Orientation="Horizontal">

<telerik:RadRibbonComboBox

Width="132"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontFamilyCommand}"

telerik:ScreenTip.Description="Change the font family."

telerik:ScreenTip.Title="Font"

CanAutocompleteSelectItems="False"

CanKeyboardNavigationSelectItems="False"

CommandParameter="{Binding SelectedValue, RelativeSource={RelativeSource Self}}"

IsReadOnly="True"

ItemsSource="{Binding RegisteredFonts, Source={StaticResource FontFamiliesProvider}}"

MaxDropDownHeight="400"

OpenDropDownOnFocus="True" />

<telerik:RadRibbonComboBox

x:Name="fontSizeComboBox"

Width="45"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontSizeCommand}"

telerik:ScreenTip.Description="Change the font size."

telerik:ScreenTip.Title="Font Size"

CanAutocompleteSelectItems="False"

CanKeyboardNavigationSelectItems="False"

CommandParameter="{Binding SelectedItem.Tag, RelativeSource={RelativeSource Self}}"

IsEditable="True"

IsReadOnly="True"

IsTextSearchEnabled="False"

MaxDropDownHeight="400"

OpenDropDownOnFocus="True">

<telerik:RadRibbonComboBoxItem Content="8" Tag="10.67" />

<telerik:RadRibbonComboBoxItem Content="9" Tag="12" />

<telerik:RadRibbonComboBoxItem Content="10" Tag="13.34" />

<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>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding IncrementFontSizeCommand}"

telerik:ScreenTip.Description="Increase the font size."

telerik:ScreenTip.Title="Grow Font"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/font-increasesize.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DecrementFontSizeCommand}"

telerik:ScreenTip.Description="Decrease the font size."

telerik:ScreenTip.Title="Shrink Font"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/font-decreasesize.png,

IconSources={StaticResource IconSources}}" />

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ClearAllFormattingCommand}"

telerik:ScreenTip.Description="Clear all the formatting from the selection, leaving only the plain text."

telerik:ScreenTip.Title="Clear All Formatting"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/ClearFormatting16.png,

IconSources={StaticResource IconSources}}" />

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleBoldCommand}"

telerik:ScreenTip.Description="Make the selected text bold."

telerik:ScreenTip.Title="Bold"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/bold.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleItalicCommand}"

telerik:ScreenTip.Description="Italicize the selected text."

telerik:ScreenTip.Title="Italic"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/italic.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonSplitButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleUnderlineCommand}"

telerik:ScreenTip.Description="Underline the selected text."

telerik:ScreenTip.Title="Underline"

IsToggle="True"

SmallImage="{telerik:IconResource IconRelativePath=16/underline.png,

IconSources={StaticResource IconSources}}">

<telerik:RadRibbonSplitButton.DropDownContent>

<telerik:RadGallery

Height="210"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeUnderlineDecorationCommand}"

ItemHeight="26"

ItemWidth="156"

ViewportWidth="157">

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline1.png, IconSources={StaticResource IconSources}}" Tag="Line" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline2.png, IconSources={StaticResource IconSources}}" Tag="DoubleLine" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline3.png, IconSources={StaticResource IconSources}}" Tag="ThickLine" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline4.png, IconSources={StaticResource IconSources}}" Tag="DottedLine" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline5.png, IconSources={StaticResource IconSources}}" Tag="DashedLine" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline6.png, IconSources={StaticResource IconSources}}" Tag="DotDashedLine" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline7.png, IconSources={StaticResource IconSources}}" Tag="DotDotDashedLine" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=underline8.png, IconSources={StaticResource IconSources}}" Tag="Wave" />

</telerik:RadGallery>

</telerik:RadRibbonSplitButton.DropDownContent>

</telerik:RadRibbonSplitButton>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleStrikethroughCommand}"

telerik:ScreenTip.Description="Draw a line through the middle of the selected text."

telerik:ScreenTip.Title="Strikethrough"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/Strikethrough16.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleSubscriptCommand}"

telerik:ScreenTip.Description="Create small letters below the text baseline."

telerik:ScreenTip.Title="Subscript"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/subscript.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleSuperscriptCommand}"

telerik:ScreenTip.Description="Create small text above the line of text."

telerik:ScreenTip.Title="Superscript"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/superscript.png,

IconSources={StaticResource IconSources}}" />

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:FormattingColorPicker

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontHighlightColorCommand}"

telerik:ScreenTip.Description="Make text look like it was marked with a highlighter pen."

telerik:ScreenTip.Title="Text Highlight Color"

ActiveColor="Yellow"

AutomaticColor="Transparent"

BorderThickness="0"

Image="{telerik:IconResource IconRelativePath=16/highlight.png,

IconSources={StaticResource IconSources}}"

NoColorText="No color" />

<telerik:FormattingColorPicker

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeFontForeColorCommand}"

telerik:ScreenTip.Description="Change the text color."

telerik:ScreenTip.Title="Font Color"

ActiveColor="Red"

BorderThickness="0"

Image="{telerik:IconResource IconRelativePath=16/FontForeColor.png,

IconSources={StaticResource IconSources}}" />

</telerik:RadButtonGroup>

</telerik:RadOrderedWrapPanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowParagraphPropertiesDialogCommand}"

telerik:ScreenTip.Description="Show the Paragraph dialog box."

telerik:ScreenTip.Icon="{telerik:IconResource IconRelativePath=PropertiesDialog.png,

IconSources={StaticResource IconSources}}"

telerik:ScreenTip.Title="Paragraph"

DialogLauncherVisibility="Visible"

Header="Paragraph">

<telerik:RadOrderedWrapPanel>

<telerik:RadButtonGroup>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleBulletsCommand}"

telerik:ScreenTip.Description="Start a bulleted list."

telerik:ScreenTip.Title="Bullets"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/list-bullets.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleNumberedCommand}"

telerik:ScreenTip.Description="Start a numbered list."

telerik:ScreenTip.Title="Numbering"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/list-numbered.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Start a multilevel list. Click the arrow to choose different multilevel list styles."

telerik:ScreenTip.Title="Multilevel List"

Command="{Binding ChangeListStyleCommand}"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/MultilevelList.png,

IconSources={StaticResource IconSources}}">

<telerik:RadRibbonDropDownButton.DropDownContent>

<StackPanel>

<ScrollViewer MaxHeight="565">

<StackPanel>

<telerik:RadGroupHeader Content="List Library" />

<telerik:RadGallery

Height="176"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeListStyleCommand}"

ItemHeight="88"

ItemWidth="88"

ScrollViewer.VerticalScrollBarVisibility="Disabled"

ViewportWidth="266">

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=MultilevelListNone.png, IconSources={StaticResource IconSources}}" Tag="None" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=MultilevelListBulleted.png, IconSources={StaticResource IconSources}}" Tag="Bulleted" />

<telerik:RadGalleryItem Image="{telerik:IconResource IconRelativePath=MultilevelListNumbered.png, IconSources={StaticResource IconSources}}" Tag="Numbered" />

<telerik:RadGalleryItem Image=

"{telerik:IconResource IconRelativePath=MultilevelListNumberedParenthesis.png, IconSources={StaticResource IconSources}}"

Tag="NumberedParenthesis" />

<telerik:RadGalleryItem Image=

"{telerik:IconResource IconRelativePath=MultilevelListNumberedHierarchical.png, IconSources={StaticResource IconSources}}"

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="Define New List Style ..." />

</StackPanel>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DecrementParagraphLeftIndentCommand}"

telerik:ScreenTip.Description="Decrease the indent level of the paragraph."

telerik:ScreenTip.Title="Decrease Indent"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/outdent.png,

IconSources={StaticResource IconSources}}" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding IncrementParagraphLeftIndentCommand}"

telerik:ScreenTip.Description="Increase the indent level of the paragraph."

telerik:ScreenTip.Title="Increase Indent"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/indent.png,

IconSources={StaticResource IconSources}}" />

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeParagraphFlowDirectionCommand}"

telerik:ScreenTip.Description="Set the direction of text to be displayed from left to right."

telerik:ScreenTip.Title="Left-To-Right Text Direction"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/LeftToRightFlowDirection.png,

IconSources={StaticResource IconSources}}"

Text="Left-to-Right Text Direction">

<telerik:RadRibbonToggleButton.CommandParameter>

<FlowDirection>LeftToRight</FlowDirection>

</telerik:RadRibbonToggleButton.CommandParameter>

</telerik:RadRibbonToggleButton>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeParagraphFlowDirectionCommand}"

telerik:ScreenTip.Description="Set the direction of text to be displayed from right to left."

telerik:ScreenTip.Title="Right-To-Left Text Direction"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/RightToLeftFlowDirection.png,

IconSources={StaticResource IconSources}}"

Text="Right-to-Left Text Direction">

<telerik:RadRibbonToggleButton.CommandParameter>

<FlowDirection>RightToLeft</FlowDirection>

</telerik:RadRibbonToggleButton.CommandParameter>

</telerik:RadRibbonToggleButton>

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleFormattingSymbolsCommand}"

telerik:ScreenTip.Description="Show paragraph marks and other hidden formatting symbols."

telerik:ScreenTip.Title="Show/Hide Formatting Symbols"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/formatting-symbols.png,

IconSources={StaticResource IconSources}}" />

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}"

telerik:ScreenTip.Description="Align text to the left."

telerik:ScreenTip.Title="Align Text Left"

CommandParameter="Left"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/alignleft.png,

IconSources={StaticResource IconSources}}"

Text="Align Left" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}"

telerik:ScreenTip.Description="Center text."

telerik:ScreenTip.Title="Center"

CommandParameter="Center"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/aligncenter.png,

IconSources={StaticResource IconSources}}"

Text="Center" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}"

telerik:ScreenTip.Description="Align text to the right."

telerik:ScreenTip.Title="Align Text Right"

CommandParameter="Right"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/alignright.png,

IconSources={StaticResource IconSources}}"

Text="Align Right" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTextAlignmentCommand}"

telerik:ScreenTip.Description="Align text to both left and right margins, adding extra space between words as necessary."

telerik:ScreenTip.Title="Justify"

CommandParameter="Justify"

Size="Small"

SmallImage="{telerik:IconResource IconRelativePath=16/alignjustify.png,

IconSources={StaticResource IconSources}}"

Text="Justify" />

</telerik:RadButtonGroup>

<telerik:RadButtonGroup>

<telerik:FormattingColorPicker

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeParagraphBackgroundColorCommand}"

telerik:ScreenTip.Description="Color the background behind the selected paragraph."

telerik:ScreenTip.Title="Shading"

ActiveColor="Transparent"

AutomaticColor="Transparent"

BorderThickness="0"

Image="{telerik:IconResource IconRelativePath=16/ParagraphBackgroundColor.png,

IconSources={StaticResource IconSources}}"

NoColorText="No color" />

</telerik:RadButtonGroup>

</telerik:RadOrderedWrapPanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Editing & Proofing">

<telerik:RadCollapsiblePanel>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowFindReplaceDialogCommand}"

telerik:ScreenTip.Description="Find or replace text in the document."

telerik:ScreenTip.Title="Find/Replace"

CollapseToSmall="WhenGroupIsMedium"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/Find.png,

IconSources={StaticResource IconSources}}"

Text="Find/Replace" />

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleSpellCheckingCommand}"

telerik:ScreenTip.Description="Enable/Disable spell checking."

telerik:ScreenTip.Title="Spell Check"

CollapseToSmall="WhenGroupIsMedium"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/EnableSpellCheck.png,

IconSources={StaticResource IconSources}}"

Text="Enable Spell Check" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding OpenContextMenuOnNextSpellingErrorCommand}"

telerik:ScreenTip.Description="Open context menu on next spelling error."

telerik:ScreenTip.Title="Next Error"

CollapseToSmall="WhenGroupIsMedium"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/FindNextSpellingError.png,

IconSources={StaticResource IconSources}}"

Text="Find Next Error" />

</telerik:RadCollapsiblePanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Styles">

<telerik:StylesGallery AssociatedRichTextBox="{Binding AssociatedRichTextBox, Mode=OneWay}" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowManageStylesDialogCommand}"

telerik:ScreenTip.Description="Change the set of styles, colors, fonts and paragraph spacing used in this document."

telerik:ScreenTip.Title="Change Styles"

LargeImage="{telerik:IconResource IconRelativePath=32/ChangeStyles.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Change Styles" />

</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

<telerik:RadRibbonTab Header="Insert">

<telerik:RadRibbonGroup Header="Pages">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertPageBreakCommand}"

telerik:ScreenTip.Description="Start the next page at the current position."

telerik:ScreenTip.Title="Page Break"

LargeImage="{telerik:IconResource IconRelativePath=32/PageBreak.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Page Break" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Tables">

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Insert a table into the document."

telerik:ScreenTip.Title="Table"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding InsertTableCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTable.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Table">

<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="{telerik:IconResource IconRelativePath=16/InsertTable.png,

IconSources={StaticResource IconSources}}"

Text="Insert Table..." />

</StackPanel>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Illustrations">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertPictureCommand}"

telerik:ScreenTip.Description="Insert a picture from a file."

telerik:ScreenTip.Title="Insert Picture from File"

LargeImage="{telerik:IconResource IconRelativePath=32/Picture.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Picture" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Links">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertHyperlinkDialogCommand}"

telerik:ScreenTip.Description="Create a link to a Web page, a picture or an e-mail address."

telerik:ScreenTip.Title="Insert Hyperlink"

LargeImage="{telerik:IconResource IconRelativePath=32/inserthyperlink.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Hyperlink" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowManageBookmarksDialogCommand}"

telerik:ScreenTip.Description="Create a bookmark to assign a name to a specific point in a document."

telerik:ScreenTip.Title="Bookmark"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertBookmark.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Bookmark" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertCrossReferenceWindowCommand}"

telerik:ScreenTip.Description="Refer to items such as headings, figures and tables."

telerik:ScreenTip.Title="Cross-reference"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertCrossReference.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Cross-reference" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Comments">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertCommentCommand}"

telerik:ScreenTip.Description="Add a comment about the selection."

telerik:ScreenTip.Title="Insert Comment"

LargeImage="{telerik:IconResource IconRelativePath=32/NewComment.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="New Comment" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Header & Footer">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding EditHeaderCommand}"

telerik:ScreenTip.Description="Edit the header of the document."

telerik:ScreenTip.Title="Header"

LargeImage="{telerik:IconResource IconRelativePath=32/EditHeader.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Header" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding EditFooterCommand}"

telerik:ScreenTip.Description="Edit the footer of the document."

telerik:ScreenTip.Title="Footer"

LargeImage="{telerik:IconResource IconRelativePath=32/EditFooter.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Footer" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Text">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertDateTimeDialogCommand}"

telerik:ScreenTip.Description="Insert the current date or time into the current document."

telerik:ScreenTip.Title="Insert Date and Time"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertDateTime.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Date & Time" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertPageFieldCommand}"

telerik:ScreenTip.Description="Insert page numbers into the document."

telerik:ScreenTip.Title="Insert Page Number"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertPageNumber.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Page Number" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowCodeFormattingDialogCommand}"

telerik:ScreenTip.Description="Insert block containing formatted programming source code."

telerik:ScreenTip.Title="Insert Code Block"

LargeImage="{telerik:IconResource IconRelativePath=32/CodeBlock.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Code" />

<telerik:RadRibbonButton

telerik:ScreenTip.Description="Insert a .docx, .rft, .txt or .html document."

telerik:ScreenTip.Title="Insert Document"

Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.InsertDocument}"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertDocument.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Document" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Symbols">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertSymbolWindowCommand}"

telerik:ScreenTip.Description=

"Insert symbols that are not on your keyboard, such as copyright symbols, trademark symbols, paragraph marks, and Unicode characters."

telerik:ScreenTip.Title="Insert Symbol"

LargeImage="{telerik:IconResource IconRelativePath=32/Symbol.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Symbol" />

</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

<telerik:RadRibbonTab Header="Page Layout">

<telerik:RadRibbonGroup Header="Page Setup">

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Choose a paper size for the current section."

telerik:ScreenTip.Title="Page Size"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding ChangePaperTypeCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/PageSize.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Size">

<telerik:RadRibbonDropDownButton.DropDownContent>

<telerik:RadGallery

MaxHeight="320"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangePaperTypeCommand}"

ItemWidth="184"

ViewportWidth="185">

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="A0">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="A0" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (33.05" x 46.78")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="A1">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="A1" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (23.39" x 33.05")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="A2">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="A2" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (16.53" x 23.39")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="A3">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="A3" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (11.7" x 16.53")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="A4">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="A4" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8.26" x 11.7")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="A5">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="A5" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (5.83" x 8.26")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="RA0">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="RA0" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (33.86" x 48.03")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="RA1">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="RA1" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (24.01" x 33.86")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="RA2">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="RA2" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (16.93" x 24.01")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="RA3">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="RA3" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (12.01" x 16.93")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="RA4">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="RA4" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8.46" x 12.01")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="RA5">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="RA5" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (4.76" x 8.46")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="B0">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="B0" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (39.38" x 55.67")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="B1">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="B1" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (27.83" x 39.38")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="B2">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="B2" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (59.05" x 19.68")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="B3">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="B3" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (13.91" x 19.68")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="B4">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="B4" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (10.13" x 14.33")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="B5">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="B5" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (7.17" x 10.13")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Quarto">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Quarto" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8" x 10")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Foolscap">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Foolscap" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8" x 13")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Executive">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Executive" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (7.5" x 10")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="GovernmentLetter">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="GovernmentLetter" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (10.5" x 8")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Letter">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Letter" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8.5" x 11")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Legal">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Legal" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8.5" x 14")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Ledger">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Ledger" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (17" x 11")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Tabloid">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Tabloid" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (11" x 17")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Post">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Post" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (15.64" x 19.25")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Crown">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Crown" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (20" x 15")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="LargePost">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="LargePost" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (16.5" x 21")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Demy">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Demy" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (17.5" x 22")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Medium">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Medium" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (18" x 23")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Royal">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Royal" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (20" x 25")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Elephant">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Elephant" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (21.74" x 28")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="DoubleDemy">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="DoubleDemy" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (23.5" x 35")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="QuadDemy">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="QuadDemy" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (35" x 45")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="STMT">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="STMT" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (5.5" x 8.5")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Folio">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Folio" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (8.5" x 13")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Statement">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Statement" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (5.5" x 8.5")" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Size10x14">

<StackPanel Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Size10x14" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Normal"

Text=" (10" x 14")" />

</StackPanel>

</telerik:RadGalleryItem>

</telerik:RadGallery>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Select the margin sizes for the current section."

telerik:ScreenTip.Title="Margins"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding ChangePageMarginsCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/PageMargin.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Margins">

<telerik:RadRibbonDropDownButton.DropDownContent>

<telerik:RadGallery

Height="270"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangePageMarginsCommand}"

ItemHeight="54"

ItemWidth="114"

ViewportWidth="115">

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Normal">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=PageMarginNormal.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Normal" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Narrow">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=PageMarginNarrow.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Narrow" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Moderate">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=PageMarginModerate.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Moderate" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Wide">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=PageMarginWide.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Wide" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Office2003">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=PageMarginNormal.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Office2003" />

</StackPanel>

</telerik:RadGalleryItem>

</telerik:RadGallery>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Switch the pages between portrait and landscape layouts."

telerik:ScreenTip.Title="Page Orientation"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding ChangePageOrientationCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/PageOrientation.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Orientation">

<telerik:RadRibbonDropDownButton.DropDownContent>

<telerik:RadGallery

Height="216"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangePageOrientationCommand}"

ItemHeight="54"

ItemWidth="109"

ViewportWidth="110">

<telerik:RadGalleryItem HorizontalContentAlignment="Left">

<telerik:RadGalleryItem.Tag>

<telerik:PageOrientation>Portrait</telerik:PageOrientation>

</telerik:RadGalleryItem.Tag>

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/PageOrientationPortrait.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Portrait" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left">

<telerik:RadGalleryItem.Tag>

<telerik:PageOrientation>Rotate90</telerik:PageOrientation>

</telerik:RadGalleryItem.Tag>

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/PageOrientationLandscape.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Landscape" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left">

<telerik:RadGalleryItem.Tag>

<telerik:PageOrientation>Rotate180</telerik:PageOrientation>

</telerik:RadGalleryItem.Tag>

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/PageOrientationRotate180.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Rotate 180" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left">

<telerik:RadGalleryItem.Tag>

<telerik:PageOrientation>Rotate270</telerik:PageOrientation>

</telerik:RadGalleryItem.Tag>

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/PageOrientationRotate270.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

VerticalAlignment="Center"

FontWeight="Bold"

Text="Rotate 270" />

</StackPanel>

</telerik:RadGalleryItem>

</telerik:RadGallery>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Split your text on two or more columns."

telerik:ScreenTip.Title="Add or Remove Columns"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding ChangeSectionColumnsCommand}"

LargeImage="{telerik:IconResource IconRelativePath=SectionColumns/TwoLarge.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Columns">

<telerik:RadRibbonDropDownButton.DropDownContent>

<telerik:RadGallery

Height="270"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeSectionColumnsCommand}"

ItemHeight="54"

ItemWidth="150"

ViewportWidth="150">

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="One">

<StackPanel Orientation="Horizontal">

<Image

Width="23"

Source="{telerik:IconResource IconRelativePath=SectionColumns/One.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<TextBlock

Margin="5,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="One" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Two">

<StackPanel Orientation="Horizontal">

<Image

Width="23"

Source="{telerik:IconResource IconRelativePath=SectionColumns/Two.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<TextBlock

Margin="5,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Two" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Three">

<StackPanel Orientation="Horizontal">

<Image

Width="23"

Source="{telerik:IconResource IconRelativePath=SectionColumns/Three.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<TextBlock

Margin="5,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Three" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Left">

<StackPanel Orientation="Horizontal">

<Image

Width="23"

Source="{telerik:IconResource IconRelativePath=SectionColumns/Left.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<TextBlock

Margin="5,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Left" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem HorizontalContentAlignment="Left" Tag="Right">

<StackPanel Orientation="Horizontal">

<Image

Width="23"

Source="{telerik:IconResource IconRelativePath=SectionColumns/Right.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<TextBlock

Margin="5,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Right" />

</StackPanel>

</telerik:RadGalleryItem>

</telerik:RadGallery>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

<StackPanel>

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Add page, section, or column breaks to the document."

telerik:ScreenTip.Title="Insert Page and Section Breaks"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding InsertSectionBreakCommand}"

LargeImage="{telerik:IconResource IconRelativePath=16/Break.png,

IconSources={StaticResource IconSources}}"

Size="Medium"

Text="Breaks">

<telerik:RadRibbonDropDownButton.DropDownContent>

<StackPanel>

<telerik:RadGroupHeader Content="Page Breaks" />

<telerik:RadGallery

Height="162"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertBreakCommand}"

ItemHeight="54"

ScrollViewer.VerticalScrollBarVisibility="Disabled">

<telerik:RadGalleryItem

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Left"

Tag="PageBreak">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/PageBreak.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

Margin="8,0,0,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Page" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Left"

Tag="ColumnBreak">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/ColumnBreak.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

Margin="8,0,0,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Column" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Left"

Tag="LineBreak">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/LineBreak.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

Margin="8,0,0,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Text Wrapping" />

</StackPanel>

</telerik:RadGalleryItem>

</telerik:RadGallery>

<telerik:RadGroupHeader Content="Section Breaks" />

<telerik:RadGallery

Height="162"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertSectionBreakCommand}"

ItemHeight="54"

ScrollViewer.VerticalScrollBarVisibility="Disabled">

<telerik:RadGalleryItem

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Left"

Tag="NextPage">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/NextPageSectionBreak.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

Margin="8,0,0,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Next Page" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Left"

Tag="EvenPage">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/EvenPageSectionBreak.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

Margin="8,0,0,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Even Page" />

</StackPanel>

</telerik:RadGalleryItem>

<telerik:RadGalleryItem

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Left"

Tag="OddPage">

<StackPanel Orientation="Horizontal">

<Image Source="{telerik:IconResource IconRelativePath=32/OddPageSectionBreak.png, IconSources={StaticResource IconSources}}" Stretch="None" />

<TextBlock

Margin="8,0,0,0"

VerticalAlignment="Center"

FontWeight="Bold"

Text="Odd Page" />

</StackPanel>

</telerik:RadGalleryItem>

</telerik:RadGallery>

</StackPanel>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

</StackPanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Page Background">

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Insert ghosted text behind the content on the page."

telerik:ScreenTip.Title="Watermark"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding ChangeIntegratedWatermarkTypeCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/Watermark.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Watermark">

<telerik:RadRibbonDropDownButton.DropDownContent>

<StackPanel Orientation="Vertical">

<telerik:RadGroupHeader Content="Predefined" />

<telerik:RadGallery

Height="200"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeIntegratedWatermarkTypeCommand}"

ItemHeight="100"

ItemWidth="115"

ViewportWidth="345">

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/confidentialR.png,

IconSources={StaticResource IconSources}}"

Tag="ConfidentialRotated" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/confidential.png,

IconSources={StaticResource IconSources}}"

Tag="Confidential" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/doNotCopyR.png,

IconSources={StaticResource IconSources}}"

Tag="DoNotCopyRotated" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/doNotCopy.png,

IconSources={StaticResource IconSources}}"

Tag="DoNotCopy" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/draftR.png,

IconSources={StaticResource IconSources}}"

Tag="DraftRotated" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/draft.png,

IconSources={StaticResource IconSources}}"

Tag="Draft" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/sampleR.png,

IconSources={StaticResource IconSources}}"

Tag="SampleRotated" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/sample.png,

IconSources={StaticResource IconSources}}"

Tag="Sample" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/asapR.png,

IconSources={StaticResource IconSources}}"

Tag="AsapRotated" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/asap.png,

IconSources={StaticResource IconSources}}"

Tag="Asap" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/urgentR.png,

IconSources={StaticResource IconSources}}"

Tag="UrgentRotated" />

<telerik:RadGalleryItem

HorizontalContentAlignment="Left"

Image="{telerik:IconResource IconRelativePath=WatermarkGallery/urgent.png,

IconSources={StaticResource IconSources}}"

Tag="Urgent" />

</telerik:RadGallery>

<telerik:RadMenuItem IsSeparator="True" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowWatermarkSettingsDialogCommand}"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/Watermark.png,

IconSources={StaticResource IconSources}}"

Text="Insert custom watermark." />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding RemoveWatermarkCommand}"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/RemoveWatermark.png,

IconSources={StaticResource IconSources}}"

Text="Remove Watermark" />

</StackPanel>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

<telerik:RadRibbonTab ContextualGroupName="TableTools" Header="Design">

<telerik:RadRibbonGroup Header="Table Style Options">

<telerik:RadCollapsiblePanel>

<CheckBox

Margin="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableLookFirstRowOptionCommand}"

telerik:ScreenTip.Description="Display special formatting for the first row of the table."

telerik:ScreenTip.Title="Header Row"

Content="Header Row" />

<CheckBox

Margin="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableLookLastRowOptionCommand}"

telerik:ScreenTip.Description="Display special formatting for the last row of the table."

telerik:ScreenTip.Title="Total Row"

Content="Total Row" />

<CheckBox

Margin="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableLookRowBandingOptionCommand}"

telerik:ScreenTip.Description=

"Display banded rows, in which even rows are formatted differently from odd rows.&#10;&#10;This banding can make tables easier to read."

telerik:ScreenTip.Title="Banded Rows"

Content="Banded Rows" />

<CheckBox

Margin="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableLookFirstColumnOptionCommand}"

telerik:ScreenTip.Description="Display special formatting for the first column of the table."

telerik:ScreenTip.Title="First Column"

Content="First Column" />

<CheckBox

Margin="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableLookLastColumnOptionCommand}"

telerik:ScreenTip.Description="Display special formatting for the last column of the table."

telerik:ScreenTip.Title="Last Column"

Content="Last Column" />

<CheckBox

Margin="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableLookColumnBandingOptionCommand}"

telerik:ScreenTip.Description=

"Display banded columns, in which even columns are formatted differently from odd columns.&#10;&#10;This banding can make tables easier to read."

telerik:ScreenTip.Title="Banded Columns"

Content="Banded Columns" />

</telerik:RadCollapsiblePanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Table Styles">

<telerik:TableStylesGallery AssociatedRichTextBox="{Binding AssociatedRichTextBox, Mode=OneWay}" />

</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

<telerik:RadRibbonTab ContextualGroupName="TableTools" Header="Layout">

<telerik:RadRibbonGroup Header="Table">

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Select rows, columns, cells, or the entire table."

telerik:ScreenTip.Title="Select Table"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding SelectTableEmptyCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/SelectTableTools.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Select">

<telerik:RadRibbonDropDownButton.DropDownContent>

<StackPanel>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SelectTableCellCommand}"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/SelectTableCell.png,

IconSources={StaticResource IconSources}}"

Text="Select Cell" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SelectTableColumnCommand}"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/SelectTableColumn.png,

IconSources={StaticResource IconSources}}"

Text="Select Column" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SelectTableRowCommand}"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/SelectTableRow.png,

IconSources={StaticResource IconSources}}"

Text="Select Row" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding SelectTableCommand}"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/SelectTable.png,

IconSources={StaticResource IconSources}}"

Text="Select Table" />

</StackPanel>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowTablePropertiesDialogCommand}"

telerik:ScreenTip.Description="Show the Table Properties dialog box to change advanced table properties."

telerik:ScreenTip.Title="Table Properties"

LargeImage="{telerik:IconResource IconRelativePath=32/TableProperties.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Properties" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DeleteTableCommand}"

telerik:ScreenTip.Description="Delete the entire table."

telerik:ScreenTip.Title="Delete Table"

LargeImage="{telerik:IconResource IconRelativePath=32/DeleteTable.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Delete" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Rows">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertTableRowCommand}"

telerik:ScreenTip.Description="Insert a new row."

telerik:ScreenTip.Title="Insert Row"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTableRow.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Insert Row" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertTableRowBelowCommand}"

telerik:ScreenTip.Description="Add a new row directly below the selected row."

telerik:ScreenTip.Title="Insert Rows Below"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTableRowBelow.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Insert Below" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertTableRowAboveCommand}"

telerik:ScreenTip.Description="Add a new row directly above the selected row."

telerik:ScreenTip.Title="Insert Rows Above"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTableRowAbove.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Insert Above" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DeleteTableRowCommand}"

telerik:ScreenTip.Description="Delete the selected row."

telerik:ScreenTip.Title="Delete Row"

LargeImage="{telerik:IconResource IconRelativePath=32/DeleteTableRows.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Delete Row" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Columns">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertTableColumnCommand}"

telerik:ScreenTip.Description="Insert a new column."

telerik:ScreenTip.Title="Insert Column"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTableColumn.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Insert Column" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertTableColumnToTheLeftCommand}"

telerik:ScreenTip.Description="Add a new column directly to the left of the selected column."

telerik:ScreenTip.Title="Insert Columns to the Left"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTableColumnToTheLeft.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Insert Left" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertTableColumnToTheRightCommand}"

telerik:ScreenTip.Description="Add a new column directly to the right of the selected column."

telerik:ScreenTip.Title="Insert Columns to the Right"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertTableColumnToTheRight.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Insert Right" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding DeleteTableColumnCommand}"

telerik:ScreenTip.Description="Delete the selected column."

telerik:ScreenTip.Title="Delete Column"

LargeImage="{telerik:IconResource IconRelativePath=32/DeleteTableColumns.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Delete Column" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Merge">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding MergeTableCellsCommand}"

telerik:ScreenTip.Description="Merge the selected cells into one cell."

telerik:ScreenTip.Title="Merge Cells"

LargeImage="{telerik:IconResource IconRelativePath=32/MergeTableCells.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Merge Cells" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding UnmergeTableCellsCommand}"

telerik:ScreenTip.Description="Unmerge the current merged cell."

telerik:ScreenTip.Title="Unmerge Cell."

LargeImage="{telerik:IconResource IconRelativePath=32/SplitTableCell.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Unmerge Cell" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Cell Size">

<telerik:RadRibbonDropDownButton

telerik:ScreenTip.Description="Automatically resize the column widths based on the size of the text in them or keep the widths with fixed size."

telerik:ScreenTip.Title="AutoFit/Fixed"

CollapseToMedium="WhenGroupIsMedium"

Command="{Binding ChangeTableColumnsLayoutModeCommand}"

LargeImage="{telerik:IconResource IconRelativePath=32/AutoFit.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="AutoFit">

<telerik:RadRibbonDropDownButton.DropDownContent>

<StackPanel>

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTableColumnsLayoutModeCommand}"

CommandParameter="AutoFit"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/AutoFItToWindow.png,

IconSources={StaticResource IconSources}}"

Text="AutoFit to Window" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeTableColumnsLayoutModeCommand}"

CommandParameter="Fixed"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/FixedColumnWidth.png,

IconSources={StaticResource IconSources}}"

Text="Fixed Column Width" />

</StackPanel>

</telerik:RadRibbonDropDownButton.DropDownContent>

</telerik:RadRibbonDropDownButton>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Alignment">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition />

</Grid.RowDefinitions>

<telerik:RadToggleButton

Grid.Row="0"

Grid.Column="0"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Align text to the top left corner of the cell."

telerik:ScreenTip.Title="Align Top Left"

CommandParameter="Left,Top"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/LeftTopCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="0"

Grid.Column="1"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Center text and align it to the top of the cell."

telerik:ScreenTip.Title="Align Top Center"

CommandParameter="Center,Top"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/CenterTopCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="0"

Grid.Column="2"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Align text to the top right corner of the cell."

telerik:ScreenTip.Title="Align Top Right"

CommandParameter="Right,Top"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/RightTopCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="1"

Grid.Column="0"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Center text vertically and align it to the left side of the cell."

telerik:ScreenTip.Title="Align Center Left"

CommandParameter="Left,Center"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/LeftMiddleCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="1"

Grid.Column="1"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Center text horizontally and vertically within the cell."

telerik:ScreenTip.Title="Align Center"

CommandParameter="Center,Center"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/CenterMiddleCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="1"

Grid.Column="2"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Center text vertically and align it to the right side of the cell."

telerik:ScreenTip.Title="Align Center Right"

CommandParameter="Right,Center"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/RightMiddleCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="2"

Grid.Column="0"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Align text to the bottom left corner of the cell."

telerik:ScreenTip.Title="Align Bottom Left"

CommandParameter="Left,Bottom"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/LeftBottomCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="2"

Grid.Column="1"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Center text and align it to the bottom of the cell."

telerik:ScreenTip.Title="Align Bottom Center"

CommandParameter="Center,Bottom"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/CenterBottomCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

<telerik:RadToggleButton

Grid.Row="2"

Grid.Column="2"

Padding="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding TableCellContentAlignmentCommand}"

telerik:ScreenTip.Description="Align text to the bottom right corner of the cell."

telerik:ScreenTip.Title="Align Bottom Right"

CommandParameter="Right,Bottom"

IsBackgroundVisible="False"

IsTabStop="False">

<Image Source="{telerik:IconResource IconRelativePath=16/RightBottomCellAlignment.png, IconSources={StaticResource IconSources}}" Stretch="None" />

</telerik:RadToggleButton>

</Grid>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Data">

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleTableRowRepeatOnEveryPageCommand}"

telerik:ScreenTip.Description="Mark multiple rows as header rows. If your table spans multiple pages the header rows will appear on every page."

telerik:ScreenTip.Title="Repeat Header Rows"

LargeImage="{telerik:IconResource IconRelativePath=32/RepeatTableRow.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Repeat Header Rows" />

</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

<telerik:RadRibbonTab

Width="140"

ContextualGroupName="HeaderFooterTools"

Header="Design">

<telerik:RadRibbonGroup Header="Insert">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ShowInsertDateTimeDialogCommand}"

telerik:ScreenTip.Description="Insert the current date or time into the current document."

telerik:ScreenTip.Title="Insert Date and Time"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertDateTime.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Date & Time" />

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding InsertPageFieldCommand}"

telerik:ScreenTip.Description="Insert page numbers into the document."

telerik:ScreenTip.Title="Insert Page Number"

LargeImage="{telerik:IconResource IconRelativePath=32/InsertPageNumber.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Page Number" />

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Navigation">

<StackPanel>

<telerik:RadRibbonToggleButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleHeaderFooterLinkToPreviousCommand}"

telerik:ScreenTip.Description=

"Link to the previous section so that nthe header and footer in the current section contain the same content as in the previous section."

telerik:ScreenTip.Title="Link to Previous"

Size="Medium"

SmallImage="{telerik:IconResource IconRelativePath=16/LinkToPreviousHeaderFooter.png,

IconSources={StaticResource IconSources}}"

Text="Link to Previous" />

</StackPanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Options">

<StackPanel>

<CheckBox

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleDifferentFirstPageHeaderFooterCommand}"

telerik:ScreenTip.Description="Specify a unique header and footer for the first page of the document."

telerik:ScreenTip.Title="Different First Page"

Content="Different First Page" />

<CheckBox

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ToggleDifferentOddAndEvenPagesHeaderFooterCommand}"

telerik:ScreenTip.Description="Specify that odd-numbered pages should have a different header and footer from even-numbered pages."

telerik:ScreenTip.Title="Different Odd & Even Pages"

Content="Different Odd & Even Pages" />

</StackPanel>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Position">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Image

Grid.Row="0"

Grid.Column="0"

VerticalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=16/HeaderFromTop.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<telerik:Label

Grid.Row="0"

Grid.Column="1"

Padding="0"

VerticalAlignment="Center"

Content=" Header from Top: "

IsEnabled="{Binding ElementName=HeaderAreaMarginNumericUpDown, Path=IsEnabled}" />

<telerik:RadNumericUpDown

x:Name="HeaderAreaMarginNumericUpDown"

Grid.Row="0"

Grid.Column="2"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeSectionHeaderTopMarginCommand}"

telerik:ScreenTip.Description="Specify the height of the header area."

telerik:ScreenTip.Title="Header Position from Top"

IsInteger="true"

Minimum="0"

NullValue="48" />

<Image

Grid.Row="1"

Grid.Column="0"

Margin="0,1,0,0"

VerticalAlignment="Center"

Source="{telerik:IconResource IconRelativePath=16/FooterFromBottom.png,

IconSources={StaticResource IconSources}}"

Stretch="None" />

<telerik:Label

Grid.Row="1"

Grid.Column="1"

Margin="0,1,0,0"

Padding="0"

VerticalAlignment="Center"

Content=" Footer from Bottom: "

IsEnabled="{Binding ElementName=FooterAreaMarginNumericUpDown, Path=IsEnabled}" />

<telerik:RadNumericUpDown

x:Name="FooterAreaMarginNumericUpDown"

Grid.Row="1"

Grid.Column="2"

Margin="0,1,0,0"

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ChangeSectionFooterBottomMarginCommand}"

telerik:ScreenTip.Description="Specify the height of the footer area."

telerik:ScreenTip.Title="Footer Position from Bottom"

IsInteger="true"

Minimum="0"

NullValue="48" />

</Grid>

</telerik:RadRibbonGroup>

<telerik:RadRibbonGroup Header="Close">

<telerik:RadRibbonButton

telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding ExitHeaderFooterEditModeCommand}"

telerik:ScreenTip.Description="Close the Header and Footer Mode."

telerik:ScreenTip.Title="Close Header and Footer"

LargeImage="{telerik:IconResource IconRelativePath=32/ExitHeaderFooterEditMode.png,

IconSources={StaticResource IconSources}}"

Size="Large"

Text="Close Header and Footer" />

</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

</telerik:RadRichTextBoxRibbonUI>

<telerik:RadRichTextBoxStatusBar

Grid.Row="2"

AssociatedRichTextBox="{Binding RadRichTextBox}"

UseLayoutRounding="True" />

</Grid>

</telerik:RadRibbonWindow>

And a ViewModel:

using System.Windows.Input;

using Telerik.Windows.Controls;

using Telerik.Windows.Documents.Model;

using System.IO;

using Telerik.Windows.Documents.FormatProviders;

using Microsoft.Win32;

namespace UI.DocumentPreview {

public class TelerikEditorViewModel : UI.Base.ViewModelBase {

public TelerikDocumentRichBox DocumentRichBox { get; private set; } = new TelerikDocumentRichBox();

public RadRichTextBox RadRichTextBox { get { return DocumentRichBox.radRichTextBox; } }

public RadDocument Document {

get { return RadRichTextBox.Document; }

set { RadRichTextBox.Document = value; OnPropertyChanged(); }

}

public TelerikEditorViewModel() {

DocumentRichBox.DataContext = this;

}

I am using telerik version 2018.3

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadRichTextBox ImageMiniToolBar tooltips not showing correctly

3 Answers, 1 is accepted