ASP.NET 3.5 and above only

Obout.Ajax.UI Controls - Color Picker - Server side

Obout.Ajax.UI.ColorPicker.ColorPickerExtender class

 Inheritance Hierarchy

<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.ColorPicker" TagPrefix="obout" %>

ColorPickerExtender is an ASP.NET AJAX extender that can be attached to any ASP.NET TextBox control.

Properties

Name Description
propertyAutoClose Bool. Gets or sets a value indicating whether to close the popup on click outside it.
Default true (close on click outside).
propertyAutoPostBack Bool. Gets or sets a value indicating whether a postback to the server automatically occurs when color is picked.
Default false.

See online example.
propertyClientID String. Gets the server control identifier generated by ASP.NET. (Inherited from Control.)
propertyCloseButtonImage String. Gets or sets 'Close' button image path for picker popup.
By default embedded image is used.
propertyCloseButtonOverImage String. Gets or sets 'Close' button hover image path for picker popup.
By default embedded image is used.
propertyCloseButtonPressedImage String. Gets or sets 'Close' button pressed image path for picker popup.
By default embedded image is used.
propertyCurving Bool. Gets or sets a value indicating whether to curve the picker popup.
Default true (curve).
propertyCustomColors Collection<CustomColor>. Gets the custom colors collection.
Default empty.

See online example.
propertyCustomColorsInLine Int. Gets or sets the number of custom colors in a line of the popup.
Default 0 (is not set).

See online example.
propertyHexView Bool. Gets or sets a value indicating whether 'Hex preview' textbox will be shown in the picker popup.
If set to false, then the textbox will not be shown in the popup.
Default true show).

See online example.
propertyHorizontalPosition HorizontalPositionType. Gets or sets the horizontal position of the picker popup according to the target control.
Default HorizontalPositionType.Right.
propertyID String. Gets or sets the programmatic identifier assigned to the server control. (Inherited from Control.)
propertyInitialColor String. Gets or sets initial color set in popup.
Default "#000000".
propertyIsPopup Bool. Gets or sets a value indicating whether the color picker is a popup.
Default true.
propertyOffsetLeft Int. Gets or sets the additional left offset of the positioned picker popup in pixels.
Default 0.
propertyOffsetTop Int. Gets or sets the additional top offset of the positioned picker popup in pixels.
Default 0.
propertyOnClientCancel String. Gets or sets the name of client-side function(handler) executed on picker popup canceled.
This handler is added to the client-side event cancel, see Client-Side.
propertyOnClientOpen String. Gets or sets the name of client-side function(handler) executed on picker popup opened.
This handler is added to the client-side event open, see Client-Side.

See online example.
propertyOnClientPicked String. Gets or sets the name of client-side function(handler) executed on color pick before popup closed.
This handler is added to the client-side event picked, see Client-Side.
propertyPickButton Bool. Gets or sets a value indicating whether to show the 'Pick' button in the picker popup.
Default true show).

See online example.
propertyPopupButtonID String. Gets or sets the ID of a control to show the ColorPicker popup when clicked.

See online example.
propertySaveButtonImage String. Gets or sets 'Save' button image path for picker popup.
By default embedded image is used.
propertySaveButtonOverImage String. Gets or sets 'Save' button hover image path for picker popup.
By default embedded image is used.
propertySaveButtonPressedImage String. Gets or sets 'Save' button pressed image path for picker popup.
By default embedded image is used.
propertySetColorImage String. Gets or sets 'Set color' button image path for picker popup.
By default embedded image is used.
propertySetColorOverImage String. Gets or sets 'Set color' button hover image path for picker popup.
By default embedded image is used.
propertySetColorPressedImage String. Gets or sets 'Set color' button pressed image path for picker popup.
By default embedded image is used.
propertyShowTop Bool. Gets or sets a value indicating whether to show the top of the popup (title with the close button).
Default true (show).
propertySpectrumColors Bool. Gets or sets a value indicating whether to show spectrum palletes in the popup.
Default true.

See online example.
propertyStyleFile String. Gets or sets a style file path.
By default embedded CSS file is used.

Example:
colorPicker.StyleFile = "~/GlobalStyles/ColorPicker.css"
propertyTargetControlID String. Gets or sets the ID of the control that the extender is associated with. (Inherited from ExtenderControl.)
propertyTargetProperty String. Gets or sets the target control client-side property to be changed on color picked.
Default "value".

Example:
colorPicker.TargetProperty = "style.backgroundColor"

See online example.
propertyTitle String. Gets or sets the color picker title.
By default a value from the associated localization file is used.
propertyVerticalPosition VerticalPositionType. Gets or sets vertical position of the picker popup according to the target control.
Default VerticalPositionType.Bottom.
propertyUniqueID String. Gets the unique, hierarchically qualified identifier for the server control. (Inherited from Control.)
propertyWebColors Bool. Gets or sets a value indicating whether to show Web colors in the popup.
Default true.

See online example.
propertyWidth Unit. Gets or sets the width of the popup.
Default Unit.Empty.

See online example.
propertyZIndex Int. Gets or sets the z-index of positioned picker popup.
Default -1 (is not set).

Events

Name Description
propertyColorPostBack ColorPostBackEventHandler. Occurs on post back when AutoPostBack property is set to 'true'.
Event's argument has type ColorPostBackEventArgs.

See online example.

"Let me start by saying I love your products, they are by far the best I've used."

T. Bradley
Hansons

Random testimonial   All testimonials