RadRichTextBox control's Editor is not working(Bold,Italic,Underline,copy,cut,paste,increase font,decrease font)

19 posts, 1 answers
  1. senthil
    senthil avatar
    23 posts
    Member since:
    Dec 2008

    Posted 13 Dec 2012 Link to this post

    Hi I have been using
    Silverlight 5 version and following telerik controls
    Telerik.Windows.Controls.RibbonBar.dll
    Telerik.Windows.Controls.RibbonView.dll
    Telerik.Windows.Controls.RichTextBoxUI.dll
    Telerik.Windows.Controls.Editor.dll
    Product Version: 2012.2.0912.1050

    But editor's Font Face,Font Size, Font Color are only working. Other editor controls(Bold,Italic,Underline,copy,cut,paste,increase font,decrease font) are not working.

    Earlier we have been used Silverlight 4 Version with Telerik Product version 2011, 1, 419, 1040, it was working fine. While Upgrading version 5 this kind of issue comes.

     <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="0"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
     
                <PopUpHeaderControl:PopUpHeader Grid.Row="0" x:Name="Popup" 
                                                PageTitle="Edit Online Parameters - Website Text" 
                                                PopupHeaderImage="{StaticResource image_Configuration_Small}">
                </PopUpHeaderControl:PopUpHeader>
     
                <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="5,12,0,0" >
                    <telerikInput:RadComboBox 
                                    VerticalAlignment="Top"                                 
                                    IsEditable="True" 
                                    Visibility="{Binding IsLanguageDropdownVisibility, Converter={StaticResource BooleanConvert}}"
                                    EmptyText="Choose Language"
                                    MaxDropDownHeight="100" 
                                    Margin="0,0,10,0" Width="200" Height="25"
                                    Text="{Binding SelectedBaseTypeText, Mode=TwoWay}"
                                    ItemsSource="{Binding Path=EnumValues, Source={StaticResource EnumANTLanguageType}}"
                                    DisplayMemberPath="EnumDescription"                                                      
                                    SelectedItem="{Binding SelectedLanguage, Mode=TwoWay}"                                                        
                                    Style="{StaticResource F1DRDropdowns}" 
                                    SelectionChanged="RadComboBox_SelectionChanged">
                    </telerikInput:RadComboBox>
                    <telerikInput:RadComboBox 
                                    VerticalAlignment="Top"
                                    IsEditable="True"                                                                              
                                    MaxDropDownHeight="257" 
                                    Margin="0,0,0,0" Width="220" Height="25"
                                    Text="{Binding SelectedWebsiteTextDesc, Mode=TwoWay}"
                                    ItemsSource="{Binding Path=EnumValues, Source={StaticResource EnumANTWebsiteText}}"
                                    DisplayMemberPath="EnumDescription"     
                                    Style="{StaticResource F1DRDropdowns}" 
                                    SelectedItem="{Binding SelectedWebsiteText, Mode=TwoWay}"                                                        
                                    SelectionChanged="RadComboBox_SelectionChanged">
                    </telerikInput:RadComboBox>
                </StackPanel>
     
                <StackPanel Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,0,10,0">
                    <Image Margin="5 0 0 0"  Style="{StaticResource BaseSearchIconStyle}"  Visibility="{Binding EditLinkVisibility,Mode=TwoWay}" Width="15" />
                    <HyperlinkButton Margin="0 0 0 0"  Style="{StaticResource LinkStyle}"  VerticalAlignment="Center" IsEnabled="{Binding EditEnabled}" 
                                 cmd:Click.Command="{Binding EditAdditionalInfoCommand}" Content="Preview"/>
                </StackPanel>
     
                <BlackLight:ClippingBorder Margin="5,12,5,0" Grid.Row="3" CornerRadius="5" BorderBrush= "{StaticResource MainPrimaryColour}" BorderThickness="1" Background="White">
                    <Grid Margin="0,0,0,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
     
                        <StackPanel Orientation="Horizontal" Grid.Row="0" DataContext="{Binding Path=Commands, ElementName=radRichTextbox}">
                            <StackPanel.Resources>
                                <telerik:FontFamiliesProvider x:Key="FontFamiliesProvider" />
                            </StackPanel.Resources>
                            <telerikRibbonBar:RadButtonGroup >
                                <telerikRibbonBar:RadRibbonComboBox ToolTipService.ToolTip="Font Face" CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False" CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedValue}" Height="21" IsReadOnly="True" ItemsSource="{Binding Source={StaticResource FontFamiliesProvider}, Path=RegisteredFonts}" OpenDropDownOnFocus="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontFamilyCommand}" Width="132" />
                                <telerikRibbonBar:RadRibbonComboBox ToolTipService.ToolTip="Font Size" CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False" CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem.Tag}" Height="21" IsEditable="True" IsReadOnly="True" IsTextSearchEnabled="False" OpenDropDownOnFocus="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontSizeCommand}" Width="45">
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="8" Tag="10.67" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="9" Tag="12" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="10" Tag="13.33" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="11" Tag="14.67" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="12" Tag="16" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="14" Tag="18.67" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="16" Tag="21.33" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="18" Tag="24" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="20" Tag="26.67" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="22" Tag="29.33" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="24" Tag="32" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="26" Tag="34.67" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="28" Tag="37.33" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="36" Tag="48" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="48" Tag="64" />
                                    <telerikRibbonBar:RadRibbonComboBoxItem Content="72" Tag="96" />
                                </telerikRibbonBar:RadRibbonComboBox>
                                <telerikRibbonBar:RadRibbonButton ToolTipService.ToolTip="Increase Font Size" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=IncrementFontSizeCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-increasesize.png" />
                                <telerikRibbonBar:RadRibbonButton ToolTipService.ToolTip="Decrease Font Size" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=DecrementFontSizeCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-decreasesize.png" />
                            </telerikRibbonBar:RadButtonGroup>
     
                            <telerikRibbonBar:RadButtonGroup>
                                <telerikRibbonBar:RadRibbonToggleButton ToolTipService.ToolTip="Bold" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleBoldCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/bold.png" />
                                <telerikRibbonBar:RadRibbonToggleButton ToolTipService.ToolTip="Italic" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleItalicCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/italic.png" />
                                <telerikRibbonBar:RadRibbonToggleButton ToolTipService.ToolTip="Underline" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleUnderlineCommand}" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png">
                                </telerikRibbonBar:RadRibbonToggleButton>
                            </telerikRibbonBar:RadButtonGroup>
                            <telerikRibbonBar:RadButtonGroup>
                                <telerikRibbonBar:RadRibbonButton ToolTipService.ToolTip="Hyperlink" LargeImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/inserthyperlink.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ShowInsertHyperlinkDialogCommand}" Size="Large" Text="Hyperlink" />
                            </telerikRibbonBar:RadButtonGroup>
                            <telerikRibbonBar:RadButtonGroup>
                                <telerikRibbonBar:RadRibbonToggleButton ToolTipService.ToolTip="Bullet List" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleBulletsCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-bullets.png" />
                                <telerikRibbonBar:RadRibbonToggleButton ToolTipService.ToolTip="Numbered List" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleNumberedCommand}" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-numbered.png" />
                            </telerikRibbonBar:RadButtonGroup>
                            <telerikRibbonBar:RadButtonGroup>
                                <telerikRibbonBar:RadRibbonButton ToolTipService.ToolTip="Cut" CollapseToSmall="WhenGroupIsMedium" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=CutCommand}" Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/cut.png" Text="Cut" />
                                <telerikRibbonBar:RadRibbonButton ToolTipService.ToolTip="Copy" CollapseToSmall="WhenGroupIsMedium" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=CopyCommand}" Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/copy.png" Text="Copy" />
                                <telerikRibbonBar:RadRibbonButton ToolTipService.ToolTip="Paste" CollapseToSmall="WhenGroupIsMedium" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=PasteCommand}" Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/paste.png" Text="Paste" />
                            </telerikRibbonBar:RadButtonGroup>
                            <telerikRibbonBar:RadButtonGroup>
                                <telerik:HighlightColorPicker ToolTipService.ToolTip="Change Background Color" AutomaticColor="Transparent" Height="22" Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/highlight.png" NoColorText="No color" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontHighlightColorCommand}" SelectedColor="Yellow" />
                                <telerik:HighlightColorPicker ToolTipService.ToolTip="Change Font Color" Height="22" Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/FontForeColor.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontForeColorCommand}" SelectedColor="Red" />
                            </telerikRibbonBar:RadButtonGroup>
                        </StackPanel>
     
                        <telerikHtml:HtmlDataProvider x:Name="rtfDP" RichTextBox="{Binding ElementName=radRichTextbox}"  Html="{Binding Path=RtfData, Mode=TwoWay}"  FormatProvider="{Binding Path=HtmlFormatProvider, Mode=OneWay}" >
                        </telerikHtml:HtmlDataProvider>
                        <telerik:RadRichTextBox  Grid.Row="1" 
                                                            x:Name="radRichTextbox" 
                                                            FontFamily="Arial"
                                                            FontSize="12"
                                                            MinWidth="850"
                                                            HorizontalAlignment="Stretch" 
                                                            Foreground="#505253"
                                                            ScrollViewer.HorizontalScrollBarVisibility="Visible"
                                                            ScrollViewer.VerticalScrollBarVisibility="Visible" 
                                                            IsSpellCheckingEnabled="False"
                                                            IsSelectionMiniToolBarEnabled ="True"
                                                            
                                                            DocumentInheritsDefaultStyleSettings="True">
     
                        </telerik:RadRichTextBox>
     
                    </Grid>
     
                </BlackLight:ClippingBorder>
     </Grid>


    Please help me to sort out this issue.

    Thanks,
    Senthil
  2. Answer
    Petya
    Admin
    Petya avatar
    975 posts

    Posted 13 Dec 2012 Link to this post

    Hi Senthil,

    Let me clarify a bit the references issue. Telerik.Windows.Controls.Editor.dll is not the assembly of RadRichTextBox and has been removed from RadControls for SIlverlight for some time now.

    The RadRibbonBar control has been obsolete for about a year now and will be removed in one of the upcoming releases. In the latest versions, RadRichTextBoxRibbonUI uses the new RadRibbonView control instead. The Ribbon UI located in the Telerik.Windows.Controls.RichTextBoxUI.dll assembly is wired to work with ribbon view in versions after Q3 2011 and this is the most probable cause of the problems you are observing.

    I suggest you look through this help article which can assist you with the task of updating to ribbon view. You can also refer to this article in order to sort out all required assemblies.

    Hoping this is helpful!
     
    Regards,
    Petya
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
  4. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 28 Feb 2013 Link to this post

    In my project i am using RadRibbonVIew and RichTextBoxUI as reference still i am facing issue as RichText commands are not working. This issue occurred after i upgrade telerik to latest 2013.1.220.1050.  
  5. Petya
    Admin
    Petya avatar
    975 posts

    Posted 01 Mar 2013 Link to this post

    Hi Hardik,

    Can you please verify the DataContext of the RadRichTextBoxRibbonUI is correctly bound to the respective RadRichTextBox, eg.
    DataContext="{Binding Commands, ElementName=radRichTextBox}"

    If this is not what causes the issue, please open a support ticket and send us a sample project we can use for troubleshooting.

     

    Kind regards,
    Petya
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  6. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 04 Mar 2013 Link to this post

    Is it necessary to have RadRichTextBoxRibbonUI bind with RadRich TextBox? Because i haven't used RadRichTextBoxRibbonUI in my code implementation and it was working fine without it as well.
      

  7. Petya
    Admin
    Petya avatar
    975 posts

    Posted 04 Mar 2013 Link to this post

    Hello Hardik,

    As the original topic discussed in this thread was related to RadRichTextBoxRibbonUI, I assumed you are facing similar issues as well. Please, excuse me for that.

    To your question - no, it is not necessary to use RadRichTextBoxRibbonUI, you can create various different setups. That said, can you please elaborate what exactly is the structure of your project, which commands do not work and how/to what are they bound?
     
    Greetings,
    Petya
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  8. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 04 Mar 2013 Link to this post

    Hi Petya,

    Thanks for your quick response. In my solution i have various Silverlight projects which have references of each other and basic architecture of the project is MVVM. Please see the below code block. Before i upgrade Telerik to latest version this code was working fine as expected.

    Same code when execute in new project it works without any issue. But it is not working in current project. Is there any chances of cross reference of any other Silverlight project that creates issue in current code?
                        <StackPanel Grid.Row="1" Orientation="Horizontal" Grid.ColumnSpan="5" >
                            <Border BorderBrush="DarkGray" BorderThickness="1" CornerRadius="4" Margin="18,0,0,0" HorizontalAlignment="Left">
                                <Grid DataContext="{Binding Path=Commands, ElementName=richTextBox}">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="30" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
     
                                    <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
                                        <telerik:RadRibbonComboBox CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False"
                                                   CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedValue}" Height="21" IsReadOnly="True"
                                                   ItemsSource="{Binding Source={StaticResource FontFamiliesProvider}, Path=RegisteredFonts}" OpenDropDownOnFocus="True"
                                                   telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontFamilyCommand}" Width="132" />
     
                                        <telerik:RadRibbonComboBox CanAutocompleteSelectItems="False" CanKeyboardNavigationSelectItems="False"
                                                   CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem.Tag}" Height="21" IsEditable="True"
                                                   IsReadOnly="True" IsTextSearchEnabled="False" OpenDropDownOnFocus="False"
                                                   telerik:RadRichTextBoxRibbonUI.RichTextCommand="{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>
                                    </StackPanel>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="1">
                                        <telerik:RadRibbonButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=IncrementFontSizeCommand}" Size="Small"
                                                 SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-increasesize.png" />
                                        <telerik:RadRibbonButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=DecrementFontSizeCommand}" Size="Small"
                                                 SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-decreasesize.png" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="2">
                                        <telerik:RadRibbonButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ClearFormattingCommand}" Size="Small"
                                                 SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/ClearFormatting16.png" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="3">
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleBoldCommand}" Size="Small" Height="21"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/bold.png" />
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleItalicCommand}" Size="Small" Height="21"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/italic.png" />
                                        <telerik:RadRibbonSplitButton IsToggle="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleUnderlineCommand}" Size="Small" Height="21" Width="40"
                                                      SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png">
                                            <telerik:RadRibbonSplitButton.DropDownContent>
                                                <telerik:RadGallery ItemHeight="26" ItemWidth="150"
                                                    telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeUnderlineDecorationCommand}" 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:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleStrikethroughCommand}" Size="Small"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/Strikethrough16.png" />
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleSubscriptCommand}" Size="Small"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/subscript.png" />
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleSuperscriptCommand}" Size="Small"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/superscript.png" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="4">
                                        <telerik:RadRibbonButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ShowInsertDateTimeDialogCommand}" Size="Small"
                                                 SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/32/InsertDateTime.png" />
                                        <telerik:RadRibbonButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=UndoCommand}" Size="Small"
                                                             SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/undo.png" Text="Undo" />
                                        <telerik:RadRibbonButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=RedoCommand}" Size="Small"
                                                             SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/redo.png" Text="Redo" />
                                        <telerik:RadRibbonButton CommandParameter="Native" LargeImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/ApplicationMenu/print.png"
                                                             telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=PrintCommand}" Size="Large" Text="Print" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="5">
                                        <telerik:HighlightColorPicker AutomaticColor="Transparent" Height="22"
                                                      Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/highlight.png" NoColorText="No color"
                                                      telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontHighlightColorCommand}"
                                                      SelectedColor="Yellow" />
                                        <telerik:HighlightColorPicker Height="22" Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/FontForeColor.png"
                                                      telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontForeColorCommand}"
                                                      SelectedColor="Red" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="6">
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleBulletsCommand}" Size="Small"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-bullets.png" />
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleNumberedCommand}" Size="Small"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/list-numbered.png" />
                                        <telerik:RadRibbonDropDownButton Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/MultilevelList.png">
                                            <telerik:RadRibbonDropDownButton.DropDownContent>
                                                <StackPanel>
                                                    <telerik:RadGroupHeader Content="List Library" />
                                                    <telerik:RadGallery ItemHeight="88" ItemWidth="88"
                                                        telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeListStyleCommand}" ViewportHeight="176"
                                                        ViewportWidth="266">
                                                        <telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNone.png"
                                                                Tag="None" />
                                                        <telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListBulleted.png"
                                                                Tag="Bulleted" />
                                                        <telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNumbered.png"
                                                                Tag="Numbered" />
                                                        <telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNumberedParenthesis.png"
                                                                Tag="NumberedParenthesis" />
                                                        <telerik:RadGalleryItem Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/MultilevelListNumberedHierarchical.png"
                                                                Tag="NumberedHierarchical" />
                                                    </telerik:RadGallery>
                                                </StackPanel>
                                            </telerik:RadRibbonDropDownButton.DropDownContent>
                                        </telerik:RadRibbonDropDownButton>
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="7">
                                        <telerik:RadRibbonToggleButton telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleFormattingSymbolsCommand}" Size="Small"
                                                       SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/formatting-symbols.png" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="8" Margin="2,0,0,0">
                                        <telerik:RadRibbonToggleButton CommandParameter="Left" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeTextAlignmentCommand}"
                                                       Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignleft.png"
                                                       Text="Align Left" />
                                        <telerik:RadRibbonToggleButton CommandParameter="Center" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeTextAlignmentCommand}"
                                                       Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/aligncenter.png"
                                                       Text="Center" />
                                        <telerik:RadRibbonToggleButton CommandParameter="Right" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeTextAlignmentCommand}"
                                                       Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignright.png"
                                                       Text="Align Right" />
                                        <telerik:RadRibbonToggleButton CommandParameter="Justify" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeTextAlignmentCommand}"
                                                       Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/alignjustify.png"
                                                       Text="Justify" />
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="9">
                                        <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium"                                                           
                                                     telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ShowFindReplaceDialogCommand}"
                                                     Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/Find.png" />
                                        <telerik:RadRibbonToggleButton CollapseToSmall="WhenGroupIsMedium"
                                                           telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleSpellCheckingCommand}" Size="Medium"
                                                           SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/EnableSpellCheck.png" />
                                        <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium"
                                                     telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=OpenContextMenuOnNextSpellingErrorCommand}"
                                                     Size="Medium"
                                                     SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/FindNextSpellingError.png"/>
                                    </telerik:RadButtonGroup>
     
                                    <telerik:RadButtonGroup Grid.Row="0" Grid.Column="10">
                                        <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=CutCommand}" Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/cut.png"  />
                                        <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=CopyCommand}" Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/copy.png" />
                                        <telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=PasteCommand}" Size="Medium" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/paste.png"/>
                                    </telerik:RadButtonGroup>
     
                                    <StackPanel Grid.Row="1" Grid.ColumnSpan="11" DataContext="{StaticResource ReservationNoteViewModel}" MaxWidth="1000" Width="1000">
                                        <telerik:RadRichTextBox x:Name="richTextBox" Height="200" MaxWidth="1000" TabIndex="2"
                                                            ScrollViewer.VerticalScrollBarVisibility="Visible"                                                         
                                                            IsSelectionMiniToolBarEnabled="False">
                                        </telerik:RadRichTextBox>
                                    </StackPanel>
                                </Grid>
                            </Border>
                            <StackPanel Grid.Column="1" Grid.Row="1"  Orientation="Horizontal" Margin="5,0,0,0">
                                <telerikHtml:HtmlDataProvider x:Name="HtmlDataProvider" RichTextBox="{Binding ElementName=richTextBox}" Html="{Binding Path=Model.ReservationNote.Note, Mode=TwoWay, ValidatesOnExceptions=False, ValidatesOnNotifyDataErrors=False, NotifyOnValidationError=False}" />                           
                            </StackPanel>
                        </StackPanel>                   
     
    Please tell me if you want more information on this issue or sample project to troubleshoot.

    Thanks & Regards,
    Hardik Gosai
  9. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 07 Mar 2013 Link to this post

    Hi Petya,
    The code i have shared is implemented in Telerik RadWindow the same code i have implemented in User Control, so i got to know that the set up of RadRichTextBox is not working in RadWindow but it is working in User Control. I doubt that there is some issue with Rad Window and Rad RichTextBox that both are not working together. Please check the same on your side.
  10. Iva Toteva
    Admin
    Iva Toteva avatar
    1319 posts

    Posted 07 Mar 2013 Link to this post

    Hello Hardik,

    Thank you for reporting this issue. Actually the problem is that the RadButtonGroup for some reason clears the value of the Command property of the buttons with this set-up - when hosted in a window and when there is no RadRibbonView or RadRichTextBoxRibbonUI.

    We will forward the issue to the team responsible for the implementation of RadButtonGroup. For now, the only solution would be to remove the RadButtonGroups.

    All the best,
    Iva Toteva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  11. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 07 Mar 2013 Link to this post

    Hi Iva,

    Thanks for your response. As you have mentioned that currently this issue will be there with this setup. So can you give me alternate setup for Rich TextBox to work with RadWindow? If i remove RadButtonGroup then what will i have to use in place of it?

    In my project RichTextBox is being used at several places so it is important that it works as expected or last option for me would to revert back to previous version of Telerik controls. It would be great if you can tell me that if this issue will be fixed then in which build it will be release.

    Thanks & Regards.
  12. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 12 Mar 2013 Link to this post

    Hello Hardik,

    The RadButtonGroup is designed to work inside a RibbonView to change the size of the RibbonButtons to better fit in a RibbonGroup. This is why outside a RibbonView/RadRichTextBoxRibbonUI you can easily replace the RibbonGroup with any panel(StackPanel, WrapPanel) or ItemsControl.

    Please let us know if you have any issues with this scenario.

    Regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  13. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 21 Mar 2013 Link to this post

    Hi Tina,

    I found another issue in Rich Text Box when pressing space key continuously. If spell checker command is enabled and user presses space key continuously then application gets hang, if spell checker is disabled then pressing space key continuously working fine. I feel there is some problem with spell checker and space key pressing which hangs application.
  14. Petya
    Admin
    Petya avatar
    975 posts

    Posted 25 Mar 2013 Link to this post

    Hello Hardik,

    Thank you for pointing this issue out! 

    We logged it for further revision and will get to it as soon as possible. I also updated your Telerik points in appreciation of the report.

    Do not hesitate to get back to us if you have other comments or questions.

    Regards,
    Petya
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  15. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 10 Jun 2013 Link to this post

    Hi Petya,

    Any update on continuously pressing space key in radrich textbox which hangs the application? 
  16. Petya
    Admin
    Petya avatar
    975 posts

    Posted 11 Jun 2013 Link to this post

    Hi Hardik,

    We recently fixed a similar issue and the fix seems to have resolved this problem too. I tested this in our development version and with the upcoming in a couple of days Q2 2013 release, the problem should no longer be present.

    Do not hesitate to contact us back if you have other comments.
     
    Regards,
    Petya
    Telerik

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  17. Hardik
    Hardik avatar
    9 posts
    Member since:
    Nov 2011

    Posted 20 Jun 2013 Link to this post

    Hi Petya,

    The set up of RichTextBox i have shared is not giving me desired output when i press tab between characters or words.
    Tab is not working properly with HTMLDataProvider control. In UI it shows the tab but at code behind it doesn't parse the tab key inside HTML tags.

    Let me know if you want more details.
  18. Mihail
    Admin
    Mihail avatar
    192 posts

    Posted 24 Jun 2013 Link to this post

    Hello Hardik,

    We are aware of this behavior and we already have it logged into our to do list for implementation. Unfortunately we can't give you any exact time frame when this will be done as it is not scheduled yet.

    Regards,
    Mihail
    Telerik

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  19. Senthilselvi
    Senthilselvi avatar
    4 posts
    Member since:
    Apr 2012

    Posted 12 Dec 2014 in reply to Mihail Link to this post

    Hi
    I am using RadTextBox woth Radtoolbar which can perform font settings and undo,redo etc. The problem is when I use these controls directly in my Xaml page, it works. But if i make this as an UserControl and use it in my page, some of the commands not working, for example undo,redo command not working. I have attached my sample project for your reference.
  20. Petya
    Admin
    Petya avatar
    975 posts

    Posted 17 Dec 2014 Link to this post

    Hi Senthilselvi,

    Forum posts only allow to attach images, so it seems the attachment did not go through. Still, I presume the cause for the behavior is wrongly set DataContext of the controls in the RadToolBar. Could you confirm the context is the Commands property of the RadRichTextBox from the view?

    You can also find a runnable example of this in our SDK repository.

    Regards,
    Petya
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
DevCraft banner