Toolbar Configuration using TemplateItemList property

It's quite easy to customize the toolbar buttons to meet your requirements using TemplateItemList property. You can use it in the aspx page, C# and VB code.

Page:

<CE:Editor id="Editor1" TemplateItemList="bold, italic" runat="server"></CE:Editor>

C#:

Editor1.TemplateItemList = "bold, italic";

VB:

Editor1.TemplateItemList = "bold, italic"

Toolbar groups

Your toolbar layout may contain many toolbar buttons instead of small selection of buttons. So you need to put the buttons into different toolbar groups. The final toolbar layout is composed of a series of "toolbar groups". The group items move together on new rows when resizing the editor.

You can use the following methods to create toolbar groups.

Editor1.TemplateItemList = "{bold, italic}"

Editor1.TemplateItemList = "[bold, italic]"

Editor1.TemplateItemList = "(bold, italic)"

Toolbar Separator

Within Toolbar groups, you can add toolbar separators between a group of toolbar buttons.

You can use the "|" string to create separators.

Editor1.TemplateItemList = "{bold, italic | Cut,Copy,Paste}"

Editor1.TemplateItemList = "[bold, italic | Cut,Copy,Paste]"

Editor1.TemplateItemList = "(bold, italic | Cut,Copy,Paste)"

Toolbar Row Break

You can split toolbar layout by inserting a toolbar row break. The toolbar row break can be used to tell the editor that you want to force the Toolbar groups to be rendered in a new row and not following the previous one.

You can use the "-","_" or "/" string to create toolbar row breaks.

Editor1.TemplateItemList = "{bold, italic | Cut,Copy,Paste}-{Indent, Outdent | Superscript,Subscript}"

Editor1.TemplateItemList = "[bold, italic | Cut,Copy,Paste]_[Indent, Outdent | Superscript,Subscript]"

Editor1.TemplateItemList = "(bold, italic | Cut,Copy,Paste)/(Indent, Outdent | Superscript,Subscript)"