Enable button when RichTextEditor Contains Text

[Sam]

Does anyone have a suggestion for binding the state of a button to whether the RichTextEditor contains text? I don't want the button to be enabled unless there is content in the rich text editor.

[Didi]

Hello,

You can use a converter and bind it to the Button IsEnabled property. 

For example: 

Page's definition

<ContentPage.Resources>
    <local:SourceToBoolConverter x:Key="SourceToBoolConverter"/>
</ContentPage.Resources>
<Grid RowDefinitions="Auto,Auto,*">
    <Button Text="Button" IsEnabled="{Binding Path=Source, Source={x:Reference richTextEditor}, Converter={StaticResource SourceToBoolConverter}}"/>


    <telerikRichTextEditor:RadRichTextEditorToolbar x:Name="richTextToolbar" Grid.Row="1"  RichTextEditor="{x:Reference richTextEditor}" />
    <telerikRichTextEditor:RadRichTextEditor x:Name="richTextEditor" Grid.Row="2" />

</Grid>

 

And the RichTexteditor Source: 

var htmlSource = @"<h4>One of the Most Beautiful Islands on Earth - Tenerife</h4>";
this.richTextEditor.Source = RichTextSource.FromString(htmlSource);

And the converter:

public class SourceToBoolConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null)
        {
            return false; 
        }
        else return true;   
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

 

This is just an approach you can use, you may need to extend the logic further to match the exact scenario. Of course you can search for alternative solution.

Regards,
Didi
Progress Telerik

[hunters]

This is a complicated answer. If I hadn't read your post first, I would never have figured it out