Summary How to create custom toolbar items

Custom ToolbarButtons and ToolbarDropDownLists

ToolbarButtons and ToolbarDropDownLists can be added to a FreeTextBox either programmatically, procedurally, or by inheriting from ToolbarButton or ToolbarDropDownList.

Procedurally Creating a ToolbarButton

To define a custom ToolbarButtons, you must set the Title and ButtonImage properties as well as the ScriptBlock property. To access the FreeTextBox in which the button resides, use the syntax "this.ftb.MethodName"

 <html>
 <body>
    <form runat="server">
        <FTB:FreeTextBox id="FreeTextBox1" AutoGenerateToolbarsFromString="false" runat="server" >
            <Toolbars>
                <FTB:Toolbar runat="server">
                    <FTB:ToolbarButton Title="Insert Some Text" ScriptBlock="this.ftb.InsertHtml(ftbName,'FreeTextBox is great!!');"
 ButtonImage="mybuttonimage" runat="server" />
            </Toolbars>
        </FTB:FreeTextBox>
    </form>
 </body>
 </html>

Notes:

Do not add <script> tags around your JavaScript functions. The code in ScriptBlock is automtaically inserted in a JavaScript function block
Do not add the extension to the ButtonImage property. This is set through the ButtonFileExtention property.
In the examples 'this' refers to the FTB_Button JavaScript object, 'this.ftb' refers to the button's parent FTB_FreeTextBox object. By using 'this.ftb' you can access all the FTB_FreeTextBox methods, some of which are listed at MajorFreeTextBoxJavaScriptFunctions.

In Page_Load Code

Inside your Page_Load function, you can add ToolbarButtons to a FreeTextBox control's Toolbars collection property.

 <script runat="server">
 protected void Page_Load(object sender, EventArgs e) {
    Toolbar toolbar1 = new Toolbar();
    ToolbarButton myButton = new ToolbarButton("Insert Some Text","mybuttonimage");
    myButton.ScriptBlock = @"this.ftb.InserHtml(""FreeTextBox is great!!"");";


    toolbar1.Items.Add(myButton);


    FreeTextBox1.Toolbars.Add(toolbar1);
 }
 </script>
 <html>
 <body>
    <form runat="server">
        <FTB:FreeTextBox id="FreeTextBox1" AutoGenerateToolbarsFromString="false" runat="server" />
    </form>
 </body>
 </html>

Inheritance

You can inherit from ToolbarButton to create your own reusable buttons throughout your applications.

 using System;
 using FreeTextBoxControls;


 namespace MyNamespace {
    public class InsertSomeText : ToolbarButton {
        public InsertSomeText() : base("Insert Some Text","mybuttonimage") {
             ScriptBlock = @"this.ftb.InserHtml(""FreeTextBox is great!!"");";
        }
    }
 }

Compile this code into MyNamespace.dll. Then add the control to your ASPX page.

 <%@ Page ValidateRequest=false %>
 <%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
 <%@ Register TagPrefix="MY" Namespace="MyNamespace" Assembly="MyNamespace" %>
 <html>
 <body>
    <form runat="server">
        <FTB:FreeTextBox id="FreeTextBox1" AutoGenerateToolbarsFromString="false" runat="server" >
            <Toolbars>
                <FTB:Toolbar runat="server">
                    <MY:InsertSomeText runat="server" />
                </FTB:Toolbar>
            </Toolbars>
        </FTB:FreeTextBox>
    </form>
 </body>
 </html>