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%" />

"Having used both Telerik and Component Art controls I can definitely say that the Obout Suite offers the most flexible and easy to implement controls about. And for the few problems I have had the support team have been most helpful, often providing showcase examples to help me understand things."

Tim Finch

Random testimonial   All testimonials