Object options vs. 1.1.2 Full+Lite

An optional object that holds the Color Picker properties.

Properties

Mixed value (Optional - Default: Null) vs. 1.1.2 Full+Lite
The pre-selected color value. This can be a hexadecimal color code (string) or an ng.Color. This value can also be passed from the input field value.
Mixed current_color (Optional - Default: #FF0000) vs. 1.1.2 Full+Lite
The initial current color (in the sliders section).
Array standard_colors (Optional - Default: (see description)) vs. 1.1.2 Full+Lite
The color swatches' values. This should be an array of arrays that represent the rows of colors. If this is null, only the color sliders will show. Default value is
[
    ['#ff8080', '#ffff80', '#80ff80', '#00ff80', '#80ffff', '#0080ff', '#ff80c0', '#ff80ff'],
    ['#ff0000', '#ffff00', '#80ff00', '#00ff40', '#00ffff', '#0080c0', '#8080c0', '#ff00ff'],
    ['#804040', '#ff8040', '#00ff00', '#008080', '#004080', '#8080ff', '#800040', '#ff0080'],
    ['#800000', '#ff8000', '#008000', '#008040', '#0000ff', '#0000a0', '#800080', '#8000ff'],
    ['#400000', '#804000', '#004000', '#004040', '#000080', '#000040', '#400040', '#400080'],
    ['#000000', '#808000', '#808040', '#808080', '#408080', '#c0c0c0', '#400040', '#ffffff']
]
String css_prefix (Optional - Default: ng_colorpicker_) vs. 1.1.2 Full+Lite
The CSS class prefix that will be used for the component.
Boolean swatches_only (Optional - Default: false) vs. 1.1.2 FULL ONLY
To either show swatches only or to show the swatches and the sliders.
Object hue_slider_options (Optional - Default: Null) vs. 1.1.2 FULL ONLY
Any additional options that will be used in creating the hue slider. Review ng.Slider.options for more details.
Object sl_slider_options (Optional - Default: Null) vs. 1.1.2 FULL ONLY
Any additional options that will be used in creating the saturation and lightness slider. Review ng.Slider.options for more details.
String picker_image (Optional - Default: (see description)) vs. 1.1.2 Full+Lite
The color picker button icon source path. This should be relative to the page showing the color picker or an absolute path. Default is ng_config.assets_dir+'components/colorpicker/images/picker_icon.png'
String picker_image_disabled (Optional - Default: (see description)) vs. 1.1.2 Full+Lite
The color picker button icon source path when disabled. This should be relative to the page showing the color picker or an absolute path. Default is ng_config.assets_dir+'components/colorpicker/images/picker_icon_disabled.png'
Boolean close_on_select (Optional - Default: true) vs. 1.1.2 Full+Lite
To either close the color picker when the user clicks on a swatch or not. This option only effects the swatches. Clicking on the "OK" or "Cancel" button will close the picker regardless.
Boolean opacity (Optional - Default: false) vs. 1.1.4 Full+Lite
True or false to allow the user to change the color opacity (alpha value).

Inherit Options from ng.Component (options)

HTML_Element input (Optional - Default: Null) vs. 1.1.0 Full+Lite
An input field that is associated with the component. Focusing or clicking on this HTML Element will show the component.
String placement (Optional - Default: aaaa) vs. 1.1.0 Full+Lite
As of version 1.1.3, the default is set to aaaa which is an automatic placement based on the input field placement on the view port and the language. A string that represents the placement of the component. It consists of four letters to define the position of the component in relation to the input field. The letters are defined as the following:
  • First letter: The top or bottom of input field (either t or b)
  • Second letter: The left or right of the input field (either l or r)
  • Third letter: The top or bottom of the component (either t or b)
  • Fourth letter: The left or right of the component (either l or r)
For example, the value bltl will place the component top left position on the input bottom left position. From version 1.1.2 and below the default is bltl (for RTL languages brtr).
Boolean visible (Optional - Default: false) vs. 1.1.0 Full+Lite
Is the component always visible or does it appear and disappear based on the user interaction.
Object offset (Optional - Default: {x:0, y:0}) vs. 1.1.0 Full+Lite
An x and y object on how far to offset the component from the input and placement position (e.g. {x:5, y:5});
Button button (Optional - Default: Null) vs. 1.1.0 Full+Lite
An optional button that will toggle the component when clicked.
Component parent (Optional - Default: Null) vs. 1.1.0 Full+Lite
If the component is nested within other component, the parent should be included in this option. This option allow opening and closing sub components without changing the parents status.
Boolean disabled (Optional - Default: false) vs. 1.1.0 Full+Lite
True or false if the component should be disabled or not.
Boolean open_onfocus (Optional - Default: true) vs. 1.1.0 Full+Lite
Should the component be opened when the user focus on the input field.
Boolean open_onclick (Optional - Default: true) vs. 1.1.0 Full+Lite
Should the component be opened when the user clicks on the input field.
String button_ui_class Required vs. 1.2.0 Full+Lite
An optional class name to add to the component's buttons. This allow to change the color of the buttons for different components.
Integer responsive_top (Optional - Default: Null) vs. 1.2.1 Full+Lite
A fix top position for components in responsive layout. If set to null, the component will be centered on the screen. If the value is below 15, it will automatically changed to 15 (to keep the close button visible).
Integer responsive_left (Optional - Default: Null) vs. 1.2.1 Full+Lite
A fix left position for components in responsive layout. If set to null, the component will be centered on the screen.
Boolean is_moving_input (Optional - Default: false) vs. 1.2.1 Full+Lite
A read only value that indicates if the input fields is being moved from the normal position to the responsive position. This value should be checked if the input field has a blur event that change the component status because when the element is moved, some browsers trigger the blur event. For example: if (this.p.is_moving_input) return
String buttons_color (Optional - Default: transparent (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the created by the calendar.
String buttons_over_color (Optional - Default: #ffd06e (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the buttons when the mouse is over them.
String buttons_down_color (Optional - Default: Null (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the buttons when the user click on them.
String buttons_checked_color (Optional - Default: #f5be5b (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the calendar buttons when the component is opened.
String buttons_disable_color (Optional - Default: Null (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the buttons when the calendar is disabled.
Boolean button_light_border (Optional - Default: false (Configuration value)) vs. 1.1.4 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. True or false to use a light border around the buttons. By default, the border is darker color of the button color, but if this is set to true, the border color is lighter. This is useful when the button is dark and the page background is dark as well.
Boolean buttons_gloss (Optional - Default: true (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. To show a gloss reflection on the button or not.

Inherit Options from ng.PlugIn (options)

HTML_Element object (Optional - Default: Null) vs. 1.1.0 Full+Lite
The HTML Element that will hold all the plugin output and handle all the events. By default, an new DIV will be created at the bottom of the body.
String language (Optional - Default: en (Configuration value)) vs. 1.1.0 Full+Lite
The default plugin language.