@@ -79,11 +79,11 @@ You can customize the visual style of the toolbar using the `Toolbar` property.
7979
8080<rte: SfRichTextEditor ShowToolbar="True">
8181 < rte:SfRichTextEditor.ToolbarSettings >
82- <rte: RichTextEditorToolbarSettings BackgroundColor="LightSteelBlue "
83- TextColor="DarkSlateGray " IsScrollButtonVisible="True"
82+ <rte: RichTextEditorToolbarSettings BackgroundColor="SkyBlue "
83+ TextColor="Orange " IsScrollButtonVisible="True"
8484 SeparatorColor="Brown" SeparatorThickness="5"
8585 ForwardIconBackground="Blue" ForwardIconColor="Green"
86- BackwardIconBackground="Green " BackwardIconColor="Yellow "/>
86+ BackwardIconBackground="Yellow " BackwardIconColor="Green "/>
8787 </rte: SfRichTextEditor .ToolbarSettings>
8888</rte: SfRichTextEditor >
8989
@@ -101,13 +101,16 @@ richTextEditor.ToolbarSettings = new RichTextEditorToolbarSettings
101101 SeparatorThickness = 5,
102102 ForwardIconBackground = Colors.Blue,
103103 ForwardIconColor = Colors.Green,
104- BackwardIconBackground = Colors.Green ,
105- BackwardIconColor = Colors.Yellow
104+ BackwardIconBackground = Colors.Yellow ,
105+ BackwardIconColor = Colors.Green
106106};
107107
108108{% endhighlight %}
109109{% endtabs %}
110110
111+ ![ .NET MAUI Rich Text Editor with Toolbar settings] ( images/richtexteditor-toolbar-settings.png )
112+
113+
111114### Customize Toolbar Position
112115
113116The toolbar can be positioned at the top or bottom of the editor control using the ` ToolbarPosition ` property.
@@ -140,7 +143,7 @@ The `SfRichTextEditor` provides several properties to customize the appearance o
140143{% highlight xaml %}
141144
142145<rte: SfRichTextEditor EditorBackgroundColor="LightYellow"
143- BorderColor="Gray "
146+ BorderColor="SlateGray "
144147 BorderThickness="2"
145148 EnableWordWrap="True" />
146149
@@ -149,13 +152,16 @@ The `SfRichTextEditor` provides several properties to customize the appearance o
149152
150153SfRichTextEditor richTextEditor = new SfRichTextEditor();
151154richTextEditor.EditorBackgroundColor = Colors.LightYellow;
152- richTextEditor.BorderColor = Colors.Gray ;
155+ richTextEditor.BorderColor = Colors.SlateGray ;
153156richTextEditor.BorderThickness = 2;
154157richTextEditor.EnableWordWrap = true;
155158
156159{% endhighlight %}
157160{% endtabs %}
158161
162+ ![ .NET MAUI Customizing Rich Text Editor] ( images/richtexteditor-custom-editor.png )
163+
164+
159165## Programmatic Formatting
160166
161167The ` SfRichTextEditor ` provides a comprehensive set of methods to apply formatting programmatically. These methods are useful when you want to create your own custom UI for formatting or apply styles dynamically without relying on the built-in toolbar.
0 commit comments