Weird problem with the underline button.

4 posts, 0 answers
  1. Edward
    Edward avatar
    83 posts
    Member since:
    Feb 2011

    Posted 28 Jan 2013 Link to this post

    I have some weird problem with the underline button.  I copied and paste the RadRichTextBoxRibbonUI from the documentation, and everything seems to be fine EXCEPT the underline button.  Sometimes the underline button does not respond to click when you click on it  repetitively.  However bold and italic button works without problem.  I tried to use 2012 Q2 in SL4 and 2012 Q3 in SL5 and both have the same problem.  

    <telerikRibbonBar:RadRibbonSplitButton IsToggle="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleUnderlineCommand}" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png">
  2. Vasil
    Admin
    Vasil avatar
    124 posts

    Posted 31 Jan 2013 Link to this post

    Hello Edward,

    Thank you for contacting us.

    Could you please share the documentation page where you have copied the sample code from, what are the assemblies referenced in your project and which control your RadRichTextBoxRibbonUI is based on: RadRibbonBar or RadRibbonView? If it is RadRibbonBar, I suggest you upgrade to RadRibbonView, because RadRibbonBar is currently obsoleted and it will not be distributed as of 2013 Q1. Here you could find a description how to make the change as smooth as possible, as well as detailed information on the topic.

    Looking forward to your reply.

    All the best,
    Vasil
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
  4. Oleg
    Oleg avatar
    42 posts
    Member since:
    Oct 2011

    Posted 08 Mar 2013 Link to this post

    I've just upgraded to telerik 2013 Q1. Have some problems with layout - see screenshot1.png.

    The vertical lines on the right - these are ribbotbuttons. Here is the code:

    <telerik:RadButtonGroup Margin="0,0,2,0">
                                                  <telerik:RadRibbonButton Height="23" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=IncrementFontSizeCommand}" telerik:ScreenTip.Description="Increase the font size." telerik:ScreenTip.Title="Grow Font" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-increasesize.png" />
                                                  <telerik:RadRibbonButton   Height="23" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=DecrementFontSizeCommand}" telerik:ScreenTip.Description="Decrease the font size." telerik:ScreenTip.Title="Shrink Font" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/font-decreasesize.png" />
                                              </telerik:RadButtonGroup>
                                              <telerik:RadButtonGroup Margin="0,0,2,0">
                                                  <telerik:RadRibbonButton   Height="23" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ClearFormattingCommand}" telerik:ScreenTip.Description="Clear all the formatting from the selection, leaving only the plain text." telerik:ScreenTip.Title="Clear Formatting" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/ClearFormatting16.png" />
                                              </telerik:RadButtonGroup>
                                              <telerik:RadButtonGroup Margin="0,0,2,0">
                                                  <telerik:RadRibbonToggleButton Height="23" Width="23"    telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleBoldCommand}" telerik:ScreenTip.Description="Make the selected text bold." telerik:ScreenTip.Title="Bold" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/bold.png" />
                                                  <telerik:RadRibbonToggleButton Height="23" Width="23"   telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleItalicCommand}" telerik:ScreenTip.Description="Italicize the selected text." telerik:ScreenTip.Title="Italic" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/italic.png" />
                                                  <telerik:RadRibbonSplitButton Height="23"   IsToggle="True" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleUnderlineCommand}" telerik:ScreenTip.Description="Underline the selected text." telerik:ScreenTip.Title="Underline" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/underline.png">
                                                      <telerik:RadRibbonSplitButton.DropDownContent>
                                                          <telerik:RadGallery ItemHeight="26" ItemWidth="156" 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   Height="23" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleStrikethroughCommand}" telerik:ScreenTip.Description="Draw a line through the middle of the selected text." telerik:ScreenTip.Title="Strikethrough" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/Strikethrough16.png" />
                                                  <telerik:RadRibbonToggleButton   Height="23" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleSubscriptCommand}" telerik:ScreenTip.Description="Create small letters below the text baseline." telerik:ScreenTip.Title="Subscript" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/subscript.png" />
                                                  <telerik:RadRibbonToggleButton   Height="23" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleSuperscriptCommand}" telerik:ScreenTip.Description="Create small text above the line of text." telerik:ScreenTip.Title="Superscript" Size="Small" SmallImage="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/superscript.png" />
                                              </telerik:RadButtonGroup>
                                              <telerik:RadButtonGroup>
                                                  <telerik:HighlightColorPicker   AutomaticColor="Transparent" Height="23" Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/highlight.png" NoColorText="No color" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontHighlightColorCommand}" telerik:ScreenTip.Description="Make text look like it was marked with a highlighter pen." telerik:ScreenTip.Title="Text Highlight Color" SelectedColor="Yellow" />
                                                  <telerik:HighlightColorPicker   Height="23" Image="/Telerik.Windows.Controls.RichTextBoxUI;component/Images/MSOffice/16/FontForeColor.png" telerik:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ChangeFontForeColorCommand}" telerik:ScreenTip.Description="Change the text color." telerik:ScreenTip.Title="Font Color" SelectedColor="Red" />
                                              </telerik:RadButtonGroup>

    I couldnt find the updated "Telerik.Windows.Controls.RadRichTextBoxRibbonBarUI.dll" - is it normal? Do I need it at all? Or is it in the "Telerik.Windows.Controls.RibbonView.dll"?
  5. Oleg
    Oleg avatar
    42 posts
    Member since:
    Oct 2011

    Posted 11 Mar 2013 Link to this post

    Solution was found - template for RadButtonGroup was obsolete from Q3 2012.
Back to Top