RadGallery in RadRIchTextBox Issue with telerik Q2 2012

[Ruchi]

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