Cette extension "add-on" permet de sélectionner une couleur et d'en récupérer son code au format hexadécimal directement dans une solution FileMaker.
Uniquement contenu à l'intérieur d'un Web Viewer, il est possible de paramétrer le Web Viewer de manière totalement indépendante avec un simple copier-coller. Responsive, il s'adapte automatiquement à la taille du Web Viewer.
Fonctionnalités :
Cet add-on utilise les bibliothèques JavaScript jQuery et bootstrap-colorpicker.js.
Fermer FileMaker Pro
Copier le dossier IUD_ColorPicker_v1_AddOn dans le répertoire suivant :
- macOs : ~/Library/Application Support/FileMaker/Extensions/AddonModules/ - Windows : AppData\Local\FileMaker\Extensions\AddonModules\
Dans FileMaker Pro, ouvrir la solution dans laquelle vous souhaitez ajouter le Add-On
En mode modèle, ouvrir le panneau latéral gauche sur l'onglet Add-ons, cliquer sur le bouton ajouter
Dans la catégorie IU-DATA, sélectionner ColorPicker puis cliquer sur Choisir
Glisser-déposer le add-on ColorPicker sur le modèle
Le Add-on peut fonctionner hors contexte grâce à l'utilisation de la rubrique globale IUD_ColorPicker::gct_WV_FinalCode
.
Exemple de code associé au web viewer :
Let (
[
_fieldName = GetFieldName ( Table1::Rubrique1 ) ;
_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_isAlpha}}" ; _alphaNum ];
["{{colorPicker_button_Label}}" ; _button_Label ];
["{{colorPicker_button_LabelColor}}" ; _button_LabelColor ];
["{{colorPicker_button_Color}}" ; _button_Color ]
)
]
;
"data:text/html;charset=utf-8,¶" & _finalCode
)
Veuillez noter : Si votre base de données sur laquelle vous souhaitez installer le module complémentaire est hébergée avec FileMaker Server. Vous devrez peut-être actualiser la rubrique de calcul global IUD_ColorPicker::gct_WV_FinalCode
. Sinon, le webviewer qui contient le module complémentaire restera vide. Pour rafraîchir cette rubrique, vous pouvez définir la rubrique IUD_ColorPicker::WV_HTML
par sa propre valeur dans un script qui est lancé au démarrage de votre application.
Valeurs de paramètres modifiables :
⚠️ si vous modifiez les noms des paramètres il faudra reporter vos modifications dans _finalCode
le cas échant
_fieldName
: Nom de la rubrique cible dans laquelle sera stockée la couleur sélectionnée_defaultColor
: Couleur par défaut à afficher dans le ColorPicker au format héxadécimal 6 ou 8 bit_alpha
: true / false, permet l'utilisation de la jauge de transparence_button_Label
: Texte du bouton de validation_button_LabelColor
: Couleur du texte du bouton de validation_button_Color
: Couleur du bouton de validation_body_BackgroundColor
: Couleur de fond du web viewer⚠️ Paramètres à ne pas modifier :
_code
: Code HTML du ColorPicker contenu dans la rubrique globale IUD_ColorPicker::gct_WV_FinalCode
_finalCode
: Code HTML final du ColorPicker, valeur de _code
avec le remplacement des paramètres précédentsz_IUD_COLORPICKER
: Table contenant la définition du add-onIUD_fmps_getColor
: Script appelé depuis le web viewer pour la récupération de la couleurJS - ColorPicker Perform Javascript in WebViewer
: Script de contrôle du web viewerAucunes fonctions personnalisées dans cet add-on.
Aucunes listes de valeurs dans cet add-on.
https://code.jquery.com/jquery-3.5.1.slim.min.js
https://itsjavi.com/bootstrap-colorpicker/
Systèmes d'exploitations :
Plateformes :
Veuillez noter que sur FileMaker Go 19 l'activation du ColorPicker dans le Web Viewer nécessite un double tap.
Remarque importante : Veuillez lire attentivement le présent CLUF. Le fait de télécharger, d'installer, d'utiliser ou de modifier le présent add-on signifie que l'utilisateur final et son organisation acceptent le présent CLUF.
Définitions :
Termes du contrat :
IU-DATA autorise l'utilisateur final et son organisation ou son foyer à utiliser, modifier, copier le add-on à sa convenance. IU-DATA autorise, l'utilisateur final et son organisation, l'utilisation à des fins commerciales lorsque le add-on fait partie intégrante d'une solution dont le spectre d'utlisation est autrement plus large que celui définit par les fonctionnalités du add-on seul. En revanche IU-DATA n'autorise pas, l'utilisateur final et son organisation, l'utilisation à des fins commerciales ou de distribution du add-on, modifié ou non en tant que produit fini.
L'utilisateur final et son organisation / foyer disposent d'une assitance gratuite d'une durée de 2 mois à compter de la date d'achat, pour toute question relative à l'utilisation et la configuration de cet add-on.
L'accès intégral aux sources FileMaker ainsi qu'au code source utilisé dans le web viewer offre, à l'utilisateur final et son organisation / foyer, un contrôle total sur la modification de cet add-on. Il est donc naturel que nous ne puissions intervenir de manière gratuite sur un add-on dont le code aurait été altéré par rapport à la version d'origine qu'IU-DATA a délivré. De même IU-DATA ne serait être tenue responsable de tout dysfonctionnement des éventuelles bibliothèques mentionnées en paragraphe 4 - Dépendances, ainsi que des dysfonctionnements du add-on suite à une utilisation sur un système d'exploitation ou une plateforme FileMaker autre que ceux mentionné en paragraphe 5 - Compatibilités.
Contact :
Pour toute information, veuillez nous contacter à cette adresse : product@iu-data.com
Création et développement :
Design de l'icône :
16/02/2021 - ColorPicker v1.0.0 - 1st release
© IU-DATA 2021