RadGallery in RadRIchTextBox Issue with telerik Q2 2012

1 posts, 0 answers
  1. Ruchi
    Ruchi avatar
    54 posts
    Member since:
    Apr 2012

    Posted 29 Aug 2012 Link to this post

    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


Back to Top