ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - HTML Editor - Editor with customized ColorPicker

Customized ColorPicker is used in this example.
It has custom colors and selected color is picked in 'one touch' without 'Picker' button.

Font Size Header 
Aa
ASP.NET
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor" TagPrefix="obout" %>
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.HTMLEditor.Popups" TagPrefix="obout" %>
<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.ColorPicker" TagPrefix="obout" %>
<obout:PopupHolder runat="server" id="popupHolder" DefaultAddPolicy="Demand" >
<Preload>
<%-- preload 'Special characters' popup --%>
<obout:SpecialCharacters runat="server" />
<%-- preload 'Color picker' popup --%>
<obout:ColorPickerPopup runat="server">
<%-- color is picked in 'one touch' without 'Picker' button: PickButton="false" --%>
<ColorPicker PickButton="false" >
<%-- define additional custom colors --%>
<CustomColors>
<obout:CustomColor Value="TRANSPARENT" Title="transparent" />
<obout:CustomColor Value="#FFFF00" /><obout:CustomColor Value="#00FF00" />
<obout:CustomColor Value="#ADD8E6" /><obout:CustomColor Value="#008000" />
<obout:CustomColor Value="#808080" /><obout:CustomColor Value="#FFD700" />
<obout:CustomColor Value="#FFE4E1" /><obout:CustomColor Value="#00FFFF" />
<obout:CustomColor Value="#87CEEB" /><obout:CustomColor Value="#0000FF" />
<obout:CustomColor Value="#A9A9A9" /><obout:CustomColor Value="#FFA500" />
<obout:CustomColor Value="#FFC0CB" /><obout:CustomColor Value="#A52A2A" />
<obout:CustomColor Value="#008080" /><obout:CustomColor Value="#000080" />
<obout:CustomColor Value="#C0C0C0" /><obout:CustomColor Value="#FF0000" />
<obout:CustomColor Value="#C71585" /><obout:CustomColor Value="#8B0000" />
<obout:CustomColor Value="#4B0082" /><obout:CustomColor Value="#000000" />
<obout:CustomColor Value="#FFFFFF" />
</CustomColors>
</ColorPicker>
</obout:ColorPickerPopup>
</Preload>
</obout:PopupHolder>
<obout:Editor runat="server" PopupHolderID="popupHolder" Id="editor" Height="400px" Width="100%" />

"obout controls are a lot better than any other controls out there."

Marcelo Silva

Random testimonial   All testimonials