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

RadGallery in RadRIchTextBox Issue with telerik Q2 2012

0 Answers 59 Views

RichTextBox

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

This question is locked. New answers and comments are not allowed.

Ruchi asked on 29 Aug 2012, 06:47 AM

Hi Team,

I am working on one silverlight application that was having telerik version Q1 2011.

Now i have updated the Telerik verion to : Q2 2012.

All are Good. except RadRichTextBox. FInd Code below:

<StackPanel Orientation="Horizontal" Grid.Row="0" DataContext="{Binding ElementName=editor}">

<telerik:RadButtonGroup Height="20" MinWidth="520">

<telerik:RadRibbonToggleButton Command="{Binding Path=ToggleBoldCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/bold.png" />

<telerik:RadRibbonToggleButton Command="{Binding Path=ToggleItalicCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/italic.png" />

<telerik:RadRibbonSplitButton IsToggle="True" Command="{Binding Path=ToggleUnderlineCommand}" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png">

<telerik:RadRibbonSplitButton.DropDownContent>

<telerik:RadGallery ItemHeight="26" ItemWidth="156" ViewportHeight="210" ViewportWidth="157">

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline1.png" Tag="Line" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline2.png" Tag="DoubleLine" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline3.png" Tag="ThickLine" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline4.png" Tag="DottedLine" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline5.png" Tag="DashedLine" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline6.png" Tag="DotDashedLine" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline7.png" Tag="DotDotDashedLine" />

<telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/underline8.png" Tag="Wave" />

</telerik:RadGallery>

</telerik:RadRibbonSplitButton.DropDownContent>

</telerik:RadRibbonSplitButton>

<telerik:RadRibbonSplitButton CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=DropDownContent.SelectedColor}" Command="{Binding Path=ChangeFontHighlightColorCommand}">

<telerik:RadRibbonSplitButton.DropDownContent>

<telerik:RadColorSelector Name="highlightColorSelector" NoColorVisibility="Collapsed" Command="{Binding Path=ChangeFontHighlightColorCommand}" SelectedColor="Yellow" />

</telerik: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>

</telerik:RadRibbonSplitButton>

<telerik:RadRibbonSplitButton CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=DropDownContent.SelectedColor}" Command="{Binding Path=ChangeFontForeColorCommand}">

<telerik:RadRibbonSplitButton.DropDownContent>

<telerik:RadColorSelector Name="foreColorSelector" NoColorVisibility="Collapsed" Command="{Binding Path=ChangeFontForeColorCommand}" SelectedColor="Red" />

</telerik: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>

</telerik:RadRibbonSplitButton>

<telerik:RadRibbonButton Command="{Binding Path=IncrementFontSizeCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-increasesize.png" />

<telerik:RadRibbonButton Command="{Binding Path=DecrementFontSizeCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-decreasesize.png" />

<telerik:RadRibbonButton Command="{Binding Path=ClearFormattingCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/ClearFormatting16.png" />

<telerik:RadRibbonComboBox CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False" CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem}" Height="21" IsEditable="False" IsReadOnly="True" OpenDropDownOnFocus="True" Command="{Binding Path=ChangeFontFamilyCommand}" Width="110">

<telerik:RadRibbonComboBoxItem Content="Arial" FontFamily="Arial" Tag="Arial" />

<telerik:RadRibbonComboBoxItem Content="Arial Black" FontFamily="Arial Black" Tag="Arial Black" />

<telerik:RadRibbonComboBoxItem Content="Calibri" FontFamily="Calibri" Tag="Calibri" />

<telerik:RadRibbonComboBoxItem Content="Comic Sans MS" FontFamily="Comic Sans MS" Tag="Comic Sans MS" />

<telerik:RadRibbonComboBoxItem Content="Courier New" FontFamily="Courier New" Tag="Courier New" />

<telerik:RadRibbonComboBoxItem Content="Georgia" FontFamily="Georgia" Tag="Georgia" />

<telerik:RadRibbonComboBoxItem Content="Lucida Sans Unicode" FontFamily="Lucida Sans Unicode" Tag="Lucida Sans Unicode" />

<telerik:RadRibbonComboBoxItem Content="Times New Roman" FontFamily="Times New Roman" Tag="Times New Roman" />

<telerik:RadRibbonComboBoxItem Content="Trebuchet MS" FontFamily="Trebuchet MS" Tag="Trebuchet MS" />

<telerik:RadRibbonComboBoxItem Content="Verdana" FontFamily="Verdana" Tag="Verdana" />

</telerik:RadRibbonComboBox>

<telerik:RadRibbonComboBox CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False" CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem.Tag}" Height="21" IsEditable="False" IsReadOnly="True" OpenDropDownOnFocus="True" Command="{Binding Path=ChangeFontSizeCommand}" Width="45">

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

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

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

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

<telerik:RadRibbonToggleButton CommandParameter="Left" Command="{Binding Path=ChangeTextAlignmentCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignleft.png" Text="Align Left" />

<telerik:RadRibbonToggleButton CommandParameter="Center" Command="{Binding Path=ChangeTextAlignmentCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/aligncenter.png" Text="Center" />

<telerik:RadRibbonToggleButton CommandParameter="Right" Command="{Binding Path=ChangeTextAlignmentCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignright.png" Text="Align Right" />

<telerik:RadRibbonToggleButton CommandParameter="Justify" Command="{Binding Path=ChangeTextAlignmentCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignjustify.png" Text="Justify" />

</telerik:RadButtonGroup>

</StackPanel>

<telerik:RadRichTextBox Grid.Row="1" MinWidth="510" Height="200" x:Name="editor" Margin="0" AllowDrop="True" ScrollViewer.VerticalScrollBarVisibility="Visible" ScrollViewer.HorizontalScrollBarVisibility="Visible" >

</telerik:RadRichTextBox>

I have created custom control for RichTextbox. telerik:RadRichTextBoxRibbonUI.RichTextCommand was not working so i have replaced it with Command now. its working fine.

But RadGallery for underline is not working.

Any help will be appriciated.

Thanks,
Ruchi Patel