/wp-color-picker-alpha

Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker

Primary LanguageJavaScript

wp-color-picker-alpha

Only run in input and is defined data alpha in true

Screenshots

wpColorPicker

wpcolorpicker-01

wpColorPicker in mode Alpha Channel

wpcolorpicker-02 wpcolorpicker-03

Instalation

Download and copy script inside folder dist in you theme options or plugin. For call this script use this code:

wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker-alpha', $url_to_script, array( 'wp-color-picker' ), '1.2.2', $in_footer );

Usage

Add class .color-picker and data-alpha="true" in input.

This class is optional but then need to call wpColorPicker yourself to the class you want.

Optional
  • data-reset-alpha:

  • For set Alpha Channel for disabled transparency after press color palette.

  • data-custom-width:

  • By default the input width is 100 on rgba mode

  • For disabled default input witdh in mode rgba ( Possible values: "false", "0" )

  • For change default input width in mode rgba ( change the number you want, "in pixels" )

License

Copyright (c) 2015 Sergio P.A. (23r9i0).

Licensed under the GPLv2 license.

Support

If you would like to contribute please fork the project and report bugs or submit pull requests.

Tested

If only tested in Firefox and WordPress last versions

Testing

For only testing download or clone wp-color-picker-alpha-plugin inside WordPress plugins folder and activate.

Changelog

v1.2.2
  • Pull, see #7
v1.2.1
  • Pull, see #4
v1.2
  • Add functionality to change the width of the element, see #2
v1.1
  • Fixed issue #1
  • Show Iris error always, but if not is empty input
  • Fixed option reset, not reset in first time
  • Fixed width input with data alpha is true and plugin initialize
v1.0.0

Initial Release