How to Change the Layout of The Toolbars

The toolbar of CuteEditor by default displays a predefined set of tool buttons. You can easily modify this default setting using the following methods.

1. Load and Edit the configuration file directly.		For example: The following code disables the save, bold buttons: <item type="image" name="Save" postback="True" Visible="False"/> <item type="image" name="Bold" Visible="False"/>
2. Load the different configuration file dynamically for the different roles/users using Editor.AutoConfigure property.		For example: C# if (IsAdmin) { Editor1.AutoConfigure = AutoConfigure.Full; } else { Editor1.AutoConfigure = AutoConfigure.Simple; } VB If IsAdmin Then Editor1.AutoConfigure = AutoConfigure.Full Else Editor1.AutoConfigure = AutoConfigure.Simple End If
3. Create/load a custom toolbar configuration file.		View the topic: How to create a custom toolbar configuration file?
4. Set the template or layout to use for the toolbars dynamically using Editor.TemplateItemList property..		For example: <CE:Editor id="Editor1" TemplateItemList="bold, ilatic, underline" runat="server"></CE:Editor> C# Example: Editor1.TemplateItemList = "bold, ilatic, underline"; VB Editor1.TemplateItemList = "bold, ilatic, underline"
5. Put the toolbar items needed to be disabled into this Editor.DisableItemList string.		For example: <CE:Editor id="Editor1" DisableItemList="save, help, CssStyle" runat="server"></CE:Editor> C# Example: Editor1.DisableItemList = "save, help, CssStyle"; VB Editor1.DisableItemList = "save, help, CssStyle"
6. Create/Add your own custom button dynamically.		View the topic: Add your own custom button

Send comments on this topic.