This add-on allows you to select a color and retrieve its code in hexadecimal format directly inside a FileMaker solution.
Simply made with a web viewer, it is possible to configure the web viewer completely independently with a simple copy and paste. Responsive, the size is determined by the size of the web viewer.
Features :
This add-on uses the JavaScript libraries jQuery and bootstrap-colorpicker.js.
Close FileMaker Pro
Copy the folder IUD_ColorPicker_v1_AddOn to the following directory :
- macOs : ~/Library/Application Support/FileMaker/Extensions/AddonModules/ - Windows : AppData\Local\FileMaker\Extensions\AddonModules\
In FileMaker Pro, open the solution on which you want to add the Add-On
In layout mode, open the left side panel on the Add-ons tab, click on the button add
Under the IU-DATA category, select ColorPicker then click on Choose
Drag and drop the ColorPicker add-on on the layout where you want to add-it.
The add-on can work without any context thanks by using the global field IUD_ColorPicker::gct_WV_FinalCode
.
Example of code associated with the web viewer :
Let (
[
_fieldName = GetFieldName ( Table1::field1 ) ;
_defaultColor = "#7731B2" ;
_alpha = 1 ;
_button_Label = "Validate" ;
_button_LabelColor = "" ;
_button_Color = "#97CFC2" ;
_body_BackgroundColor = "white" ;
_code = IUD_ColorPicker::gct_WV_FinalCode;
_finalCode = Substitute ( _code ;
["{{colorPicker_fieldName}}" ; _fieldName ];
["{{colorPicker_defaultColor}}" ; _defaultColor ];
["{{colorPicker_backgroundColor}}" ; _body_BackgroundColor ];
["{{colorPicker_alpha}}" ; _alpha ];
["{{colorPicker_button_Label}}" ; _button_Label ];
["{{colorPicker_button_LabelColor}}" ; _button_LabelColor ];
["{{colorPicker_button_Color}}" ; _button_Color ]
)
]
;
"data:text/html;charset=utf-8,¶" & _finalCode
)
Please note : If your database on which you want to install the add-on is hosted with FileMaker Server. You might need to refresh the globale calculation field IUD_ColorPicker::gct_WV_FinalCode
. Otherwise the webviewer that contains the add-on will remain empty. To refresh this field, you can set the field IUD_ColorPicker::WV_HTML
by it's own value inside a script that is launch at the start of your application.
Editable parameter values :
⚠️ if you modify the names of the parameters, you will have to report your modifications to _finalCode
if necessary
_fieldName
: Name of the target field in which the selected color will be stored_defaultColor
: Default color to display in the ColorPicker in 6 or 8 bits hexadecimal format_alpha
: 1 / 0, allows the use of the transparency gauge_button_Label
: Text of the validation button_button_LabelColor
: Validation button text color_button_Color
: Color of validation button_body_BackgroundColor
: Web viewer background color⚠️ Parameters not to be modified :
_code
: HTML code of the ColorPicker contained in the global field IUD_ColorPicker::gct_WV_FinalCode
_finalCode
: Final HTML code of ColorPicker, value of _code
with the replacement of previous parametersz_IUD_COLORPICKER
: Table containing the definition of the add-onIUD_fmps_getColor
: Script called from the web viewer to retrieve the colorJS - ColorPicker Perform Javascript in WebViewer
: Web viewer control scriptNo Custom Functions in this add-on.
No value lists in this add-on.
https://code.jquery.com/jquery-3.5.1.slim.min.js
https://itsjavi.com/bootstrap-colorpicker/
Operating systems :
Plateforms :
Please note that on FileMaker Go 19 the ColorPicker activation inside the web viewer require a double tap.
Important Note: Please read this EULA carefully. Downloading, installing, using or modifying this add-on signifies that the end user and their organization accept this EULA.
Definitions :
Contract terms :
IU-DATA authorizes the end user and his organization or household to use, modify, copy the add-on at their convenience. IU-DATA authorizes the end user and his organization to use for commercial purposes the add-on, when the add-on is an integral part of a solution whose spectrum of use is much wider than that defined by the functionalities of the add-on alone. On the other hand, IU-DATA does not authorize the end user and his organization to use for commercial or distribution purposes the add-on, modified or not as a final product.
The end user and his organization / household have free assistance for a period of 2 months from the date of purchase of this add-on, for any questions related to the use and configuration of this add-on.
Full access to FileMaker sources as well as to the source code used in the web viewer gives to the end user and his organization / household full control over modifying this add-on. It is therefore natural that we cannot intervene free of charge on the add-on whose code has been altered compared to the original version that IU-DATA delivered. Likewise, IU-DATA cannot be held responsible for any malfunction of any libraries mentioned in paragraph 4 - Dependencies, as well as malfunctions of the add-on following use on an operating system or a FileMaker platform other than those mentioned in paragraph 5 - Compatibilities.
Contact :
For any questions, please contact us to this address: product@iu-data.com
Creation and development :
Icon design :
16/02/2021 - ColorPicker v1.0.0 - 1st release
© IU-DATA 2021