FlowDirection buttons API

[Emin Sadigov]

Hello, 

Telerik have demo Richtexteditor - Document API project example with 3 buttons (bold, italic and underline) . Can you please send me any example or project how to add there two FlowDirection buttons (LTR and RTL) with toggled states as in the first look realization?

Thank you!

[Dess | Tech Support Engineer, Principal]

Hello, Emin,

The mentioned example in our Demo application gives you access to the C# and VB.NET implementation and the design of the form itself:

Thus, you can use it for implementing a similar design on your end and further extend it according to the requirements you have with adding additional buttons. The RightToLeft property that RadRichTextEditor offers controls the document's RTL mode:

this.radRichTextEditor1.RightToLeft = RightToLeft.Yes;

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik

[Emin Sadigov]

Hello, Dess.

 

Thank you for your reply.

 

I have planned to bind 2 buttons to event. I thought that the Commands.ChangeParagraphFlowDirectionCommand.FlowDirectionChanged must be implemented to support 2 buttons LTR and RTL. And switch between them.

I think that must exist native code from the RichTextEditorRibbonBar  - where can I find it?

[Emin Sadigov]

Hello, please disregard my last post, I found solution in the Examples\RichTextEditor\RichTextEditorRibbonUI\RichTextEditorRibbonBar.cs file

But i have made by other way:

Added 2 ToggleState buttons pointed to ToggleStateChanged method.

In the FormLoad:

Editor.Commands.ChangeParagraphFlowDirectionCommand.FlowDirectionChanged += new EventHandler<StylePropertyChangedEventArgs<Telerik.WinControls.RichTextEditor.UI.FlowDirection?>>(Command_FlowDirectionChanged);

Then:

private void ToggleStateChanged(object sender, Telerik.WinControls.UI.StateChangedEventArgs e)
        {
            if (suspendToggleEvents)
                return;
            if ((sender as CommandBarToggleButton).Name.EndsWith("Bold"))
                Editor.ToggleBold();
            else if ((sender as CommandBarToggleButton).Name.EndsWith("Italic"))
                Editor.ToggleItalic();
            else if ((sender as CommandBarToggleButton).Name.EndsWith("RTL"))
                Editor.ChangeParagraphFlowDirection(Telerik.WinControls.RichTextEditor.UI.FlowDirection.RightToLeft);
            else if ((sender as CommandBarToggleButton).Name.EndsWith("LTR"))
                Editor.ChangeParagraphFlowDirection(Telerik.WinControls.RichTextEditor.UI.FlowDirection.LeftToRight);
            Editor.Focus();
        }

private void Command_FlowDirectionChanged(object sender, StylePropertyChangedEventArgs<Telerik.WinControls.RichTextEditor.UI.FlowDirection?> e)
        {
            suspendToggleEvents = true;

            if (sender.GetType().Name.Equals("ChangeParagraphFlowDirectionCommand"))
            {
                if (e.NewValue == Telerik.WinControls.RichTextEditor.UI.FlowDirection.LeftToRight)
                {
                    btn_LTR.ToggleState = ToggleState.Off;
                    btn_RTL.ToggleState = ToggleState.On;
                }
                else
                {
                    btn_LTR.ToggleState = ToggleState.On;
                    btn_RTL.ToggleState = ToggleState.Off;
                }
            }

            suspendToggleEvents = false;
        }

[Dess | Tech Support Engineer, Principal]

Hi, Emin,

I am glad that you have found a suitable solution for your scenario with the help of our Demo application and RadRichTextEditor's examples.

After reviewing the code snippet, it seems OK to me. Feel free to use this approach to achieve the functionality you need to cover.

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik