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>

"Your fast turn around and helpful attitude have made me VERY VERY HAPPY. This is SO RARE to find especially with something as complicated as a control suite and one so reasonably priced at that."

Cary Abramoff

Random testimonial   All testimonials