Color Picker
FreeFlat, Simple, Hackable Color-Picker. With up to 3 different designs of color picker. Components such as HEXA, RGBA, HSLA to choose colors.
Setup Instructions
This are step-by-step instructions on how to get the plugin working on any Bubble App.
[ml][ol][li indent=0 align=left]Add this plugin to your application.[/li][li indent=0 align=left]Drag Element 'Color Picker' into your Bubble Editor[/li][li indent=0 align=left]Choose a theme (for example classic)[/li][li indent=0 align=left]Choose a selector (for example buton)[/li][li indent=0 align=left]Set a default color (#FFFFFF) and a Output string (HEXA)[/li][li indent=0 align=left]Put a background color in the Element (for example #AAA)[/li][li indent=0 align=left]You can grab the color that is selected in Color Picker with it's property 'color' on return. You will need to set any color atttribute to Dynamic, and choose 'Color Picker's color'[/li][/ol][/ml]
Documentation
This plugin will give you a [b]Color Picker[/b] as an Element. You need to add the Element to your Editor and set the Theme (Classic, Monolith, Nano); Selector (Input or Button); Default Color; Font Color (if Input is selected) and Output (HEXA, RGBA, HSLA) for the plugin to work.
The element contains the following properties: [ml][ul][li indent=0 align=left][b]Theme: [/b]Classic, Monolith and Nano available.[/li][li indent=0 align=left][b]Selectory Type: [/b]Choose between an Input or a Button (transparent) to be the [i]Color Picker[/i] selector.[/li][li indent=0 align=left][b]Default Color: [/b]The default color of the Color Picker.[/li][li indent=0 align=left][b]Font Color: [/b]Font color for Input Element; this will have no effect in Button Element.[/li][li indent=0 align=left][b]Output: [/b]Set the format that the Color Picker will return on [i]color[/i] variable.[/li][/ul][/ml] [b]Color Picker[/b] will return the variable c[i]olor [/i]which is a color representation string (depending on output selection). To access it, you just need to set a Dynimc link into any color property of any element (for example background color of a group) and set it.