[Solved] RadRibbonToggleButtons and RadRibbonButtons in a RadToolbar?

[Michael]

I'm currently using the Radrichtextbox for very simple text input.  I don't need to many bells and whistles, I just need a few of the formatting buttons, spell check, find, cut, copy, and paste.  I previously was using the RadRichTextBoxRibbonUI, but I found I was cutting out most of it, and manipulating it to hide parts, just to get it to look like the radtoolbar.  So, I replaced it with the radtoolbar.  However, I still want the functionality of the RadRichTextBoxRibbonUI.  So, I'm using RadRibbonTobbleButtons inside of the RadToolbar.  Here is my code:

<telerikNavigation:RadToolBar DataContext="{Binding Path=Commands, ElementName=_rrtbMessage}"
                             Height="35"
                             HorizontalAlignment="Stretch"
                             Margin="10,0,10,0"
                             x:Name="_toolBar"
                             VerticalAlignment="Top"
                             Width="Auto"
                             OverflowButtonVisibility="Collapsed">
            <telerik:RadRibbonToggleButton x:Name="_boldBtn"
                                           RichTextBoxUI:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleBoldCommand}"
                                           SmallImage="/Images/Bold T.png"
                                           Margin="0,0,0,5"
                                           VerticalAlignment="Center"
                                           ToolTipService.ToolTip="Bold">
            </telerik:RadRibbonToggleButton>
            <telerik:RadRibbonToggleButton x:Name="_italicBtn"
                                           RichTextBoxUI:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleItalicCommand}"
                                           SmallImage="/Images/Italic T.png"
                                           Margin="0,0,0,5"
                                           VerticalAlignment="Center"
                                           ToolTipService.ToolTip="Italic">
            </telerik:RadRibbonToggleButton>
            <telerik:RadRibbonToggleButton x:Name="_underlineBtn"
                                           RichTextBoxUI:RadRichTextBoxRibbonUI.RichTextCommand="{Binding Path=ToggleUnderlineCommand}"
                                           SmallImage="/Images/Underline T.png"
                                           Margin="0,0,0,5"
                                           VerticalAlignment="Center"
                                           ToolTipService.ToolTip="Underline">
            </telerik:RadRibbonToggleButton>
</telerikNavigation:RadToolBar>

It works fine, but it seems a little out of place to have ribbonbuttons used in the toolbar.  Is there a better way to do this?
Thanks,
Michael

[Boby]

Hi Michael,
Currently RadRichTextBoxRibbonUI.RichTextCommand attached property works only with RadRibbonToggleButtons. If you want to use standard ToggleButtons, you have to manually subscribe to events that our commands expose and update button state in the event handler (this is what we do behind the scenes in the attached property).
Here is the sample XAML:

<telerik:RadRichTextBox Grid.Row="1" Name="radRichTextBox1" />

and the sample code behind:

public MainPage()
{
    InitializeComponent();

    this.radRichTextBox1.Commands.ToggleBoldCommand.ToggleStateChanged += (s, a) => { this.buttonBold.IsChecked = e.NewValue; };
}

Don't hesitate to contact us if you have other questions.

Best wishes,
Boby
the Telerik team