This is a migrated thread and some comments may be shown as answers.

RTL Problems With RadRichTextBox

10 Answers 367 Views

RichTextBox

This is a migrated thread and some comments may be shown as answers.

Scott asked on 15 Feb 2014, 03:31 PM

capture1.png

capture2.png

I'm having problems loading an Arabic document into a RadRichTextBox -- the crux of the problem is that if you set the FlowDirection on the RadRichTextBox it puts the scroll bar on the left (where it should be) but it reverses the text. If one sets the FlowDirection to LeftToRight the text is correctly displayed (RTL and right aligned) but the scrollbar is on the right.

Is this is a known problem or is the some way to load the control to make to correct this?

Thanks,
Scott

Capture1.png shows a demo app that has a WebBrowser, RichTextBox and RadRichTextBox side by side, note that the text is the same in all controls, but the scrollbar is placed incorrectly on the RadRichTextBox (far right in the image).

Capture2.png shows the same app with the FlowDirection set to RightToLife; obviously the text is reversed.

Here's the guts of the code that loads the controls

public MainWindow()

{

StyleManager.ApplicationTheme = new Windows8Theme();

RadRichTextBox.DefaultTextRenderingMode =

Telerik.Windows.Documents.UI.TextBlocks.TextBlockRenderingMode.TextBlockWithPropertyCaching;

InitializeComponent();

Loaded += (sender, args) =>

{

var htmlContent = File.ReadAllText(@"..\..\Arabic-Lipsum.html");

MyWebBrowser.NavigateToString(htmlContent);

var sourceConverter = new HtmlFormatProvider();

var converted = sourceConverter.Import(htmlContent);

MyRadRichTextBox.Document = converted;

var rtf = new RtfFormatProvider();

var rtfFromHtml = rtf.Export(converted);

using (var ms = new MemoryStream(Encoding.UTF8.GetBytes(rtfFromHtml)))

{

MyRichTextBox.Selection.Load(ms, DataFormats.Rtf);

}

};

}

And here's the XAML

<Window x:Class="RightToLeftLoadingProblem.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow"

Width="1250"

Height="750"

ResizeMode="CanResizeWithGrip"

WindowStartupLocation="CenterScreen">

<Grid>

<Grid Grid.Row="0" Margin="10">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<WebBrowser Name="MyWebBrowser"

Grid.Column="0"

Margin="5" />

<RichTextBox Name="MyRichTextBox"

FlowDirection="RightToLeft"

Grid.Column="1"

Margin="5"

HorizontalScrollBarVisibility="Auto"

VerticalScrollBarVisibility="Auto" />

<telerik:RadRichTextBox Name="MyRadRichTextBox"

FlowDirection="RightToLeft"

Grid.Column="2"

Margin="5" />

</Grid>

</Window>

10 Answers, 1 is accepted

answered on 17 Feb 2014, 03:32 PM

Hello Scott,

Thank you for the question.

The FlowDirection property of RadRichTextBox must not be set. The control determines the direction of the text through an internal algorithm in order to be able to show both RTL and LTR text.

As it is presumed that the document can contain both RTL and LTR text, the flow direction is set per paragraph, similarly to how this happens in MS Word. In that regard, there is a method in the API that changes the flow direction of the current paragraphs (all selected paragraphs or - if there is no selection - the paragraph that the caret is positioned in). It can be used like this:

this.radRichTextBox.ChangeParagraphFlowDirection(FlowDirection.RightToLeft);

Another option is to modify the default paragraph Normal style used in the document as follows:

this

.radRichTextBox.Document.StyleRepository[RadDocumentDefaultStyles.NormalStyleName].ParagraphProperties.FlowDirection = FlowDirection.RightToLeft;

I hope this information is helpful.

Regards,
Vasil
Telerik

Check out the new Telerik Platform - the only modular platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native apps. Register for the free online keynote and webinar to learn more about the Platform on Wednesday, February 12, 2014 at 11:00 a.m. ET (8:00 a.m. PT).

answered on 17 Feb 2014, 10:26 PM

Vasil,
I tried both of these suggestions and neither worked. Included in my example was a source document that when converted has the RTL attributes set -- (see below).

Do you have any other ideas; perhaps, you could modify this simple example and to work?

I'm really puzzled by the idea that an algorithm is the best way to define this behavior, and given that almost every standard control in WPF does the "right" thing (that is, when you tell a control like RichTextBox to use FlowDirection=RightToLeft it does so -- rearranging the controls and correctly layout out the text); but, regardless, of that, I need some way to get R2L behavior out of RadRichTextBox.

Thanks,
Scott

You'll note below that each of the sections/spans has RightToLeft set.

<t:RadDocument xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:t="clr-namespace:Telerik.Windows.Documents.Model;assembly=Telerik.Windows.Documents" xmlns:s="clr-namespace:Telerik.Windows.Documents.Model.Styles;assembly=Telerik.Windows.Documents" xmlns:r="clr-namespace:Telerik.Windows.Documents.Model.Revisions;assembly=Telerik.Windows.Documents" xmlns:n="clr-namespace:Telerik.Windows.Documents.Model.Notes;assembly=Telerik.Windows.Documents" xmlns:th="clr-namespace:Telerik.Windows.Documents.Model.Themes;assembly=Telerik.Windows.Documents" version="1.2" LayoutMode="Flow" LineSpacing="1.15" LineSpacingType="Auto" ParagraphDefaultSpacingAfter="0" ParagraphDefaultSpacingBefore="0" SelectedBibliographicStyleName="\APA.XSL" StyleName="defaultDocumentStyle">

<t:RadDocument.Captions>

<t:CaptionDefinition IsDefault="True" IsLinkedToHeading="False" Label="Figure" LinkedHeadingLevel="0" NumberingFormat="Arabic" SeparatorType="Hyphen" />

<t:CaptionDefinition IsDefault="True" IsLinkedToHeading="False" Label="Table" LinkedHeadingLevel="0" NumberingFormat="Arabic" SeparatorType="Hyphen" />

</t:RadDocument.Captions>

<t:RadDocument.ProtectionSettings>

<t:DocumentProtectionSettings EnableDocumentProtection="False" Enforce="False" HashingAlgorithm="None" HashingSpinCount="0" ProtectionMode="ReadOnly" />

</t:RadDocument.ProtectionSettings>

<t:RadDocument.Styles>

<s:StyleDefinition DisplayName="Document Default Style" IsCustom="False" IsDefault="False" IsPrimary="True" Name="defaultDocumentStyle" Type="Default" />

<s:StyleDefinition DisplayName="Normal" IsCustom="False" IsDefault="True" IsPrimary="True" Name="Normal" Type="Paragraph" UIPriority="0" />

<s:StyleDefinition DisplayName="NormalWeb" IsCustom="False" IsDefault="False" IsPrimary="False" Name="NormalWeb" Type="Paragraph" UIPriority="99">

<s:StyleDefinition.ParagraphStyle>

<s:ParagraphProperties AutomaticSpacingAfter="True" AutomaticSpacingBefore="True" SpacingAfter="6.66" SpacingBefore="6.66" />

</s:StyleDefinition.ParagraphStyle>

</s:StyleDefinition>

<s:StyleDefinition DisplayName="Table Normal" IsCustom="False" IsDefault="True" IsPrimary="False" Name="TableNormal" Type="Table" UIPriority="59">

<s:StyleDefinition.TableStyle>

<s:TableProperties CellPadding="5,0,5,0">

<s:TableProperties.TableLook>

<t:TableLook />

</s:TableProperties.TableLook>

</s:TableProperties>

</s:StyleDefinition.TableStyle>

</s:StyleDefinition>

</t:RadDocument.Styles>

<t:Section>