ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - HTML Editor - Full custom buttons set in template file

Here you can see how to set all available buttons for the top toolbar (like TopToolbar.Appearance="Full") in Editor control using the ButtonsTemplate property of the TopToolbar.
If you don't want to use the full buttons set, just remove buttons you don't want to see from the template file.

Also you can change default values of some properties for any button.
For example, you have code file with customized 'Image properties' popup (CustomPopups.SmallImageProperties class) in App_Code folder and you want to use it for new images inserting.
Just edit the line with the InsertImage button:

<button name="InsertImage" >
   <property name="RelatedPopupType" value="CustomPopups.SmallImageProperties, App_Code" />
</
button>
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor" TagPrefix="obout" %>
<obout:Editor runat="server" Id="editor" Height="500px" Width="100%">
      <TopToolbar ButtonsTemplate="FullSet" />
</obout:Editor>


The FullSet.xml template file (you can find it in the downloaded Suite):

<PredefinedButtons>
    <!-- Predefinded buttons for the toolbar - full set -->
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="Undo" />
        <button name="Redo" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="Bold" />
        <button name="Italic" />
        <button name="Underline" />
        <button name="StrikeThrough" />
        <button name="SubScript" />
        <button name="SuperScript" />
        <button name="ToLowerCase" />
        <button name="ToUpperCase" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ForeColorGroup" />
    <button name="HorizontalSeparator" />
    <button name="BackColorGroup" />
    <button name="HorizontalSeparator" />
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="GetFormat" />
        <button name="ApplyFormat" />
        <button name="RemoveStyles" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="FontName" />
    <button name="HorizontalSeparator" />
    <button name="FontSize" />
    <button name="HorizontalSeparator" />
    <button name="Header" />
    <button name="HorizontalSeparator" />
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="Cut" />
        <button name="Copy" />
        <button name="Paste" />
        <button name="PasteText" />
        <button name="PasteWord" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="DecreaseIndent" />
        <button name="IncreaseIndent" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="MakeNotEditable" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="Paragraph" />
        <button name="JustifyLeft" />
        <button name="JustifyCenter" />
        <button name="JustifyRight" />
        <button name="JustifyFull" />
        <button name="RemoveAlignment" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="Ltr" />
        <button name="Rtl" />
        <button name="RemoveDirection" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="OrderedList" />
        <button name="BulletedList" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="InsertLink" />
        <button name="RemoveLink" />
        <button name="InsertHR" />
        <button name="InsertIcon" />
        <button name="InsertSpecialCharacter" />
        <button name="ImportDocument" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="InsertTable" />
        <button name="InsertDiv" />
        <button name="InsertImage" />
        <button name="InsertFlash" />
        <button name="InsertMedia" />
        <button name="InsertFlashVideo" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="InsertForm" />
        <button name="InsertCheckBox" />
        <button name="InsertRadio" />
        <button name="InsertTextBox" />
        <button name="InsertPassword" />
        <button name="InsertHidden" />
        <button name="InsertButton" />
        <button name="InsertSubmit" />
        <button name="InsertReset" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="InsertAnchor" />
        <button name="AnchorsToggle" />
        <button name="HorizontalSeparator" />
    </collection></button>
    <button name="ButtonsGroup"><collection name="Buttons" >
        <button name="SpellCheck" />
        <button name="SelectAll" />
        <button name="SelectNone" />
        <button name="Print" />
        <button name="ContextMenuButton" />
    </collection></button>
    <button name="TextIndicator" />
</PredefinedButtons>

"I would like to thank the whole obout team for a great tool. Recently I have downloaded your tool and I believe that your controls are tremendous to work with. The usefulness and appearance is excellent."

Faruk Sikder
Spectrum Engineering Consortium Ltd.

Random testimonial   All testimonials