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

"Thank you!!! ... Awesome customer service!! :)"

Romi Kovacs

Random testimonial   All testimonials

Products Downloads