#iOS Switch
Cette extension "add-on" basée sur le célèbre switch iOS permet d'ajouter du style et une animation fluide à l'ergonomie des boutons radios de vos solutions 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 :
Pour vous faciliter la tâche, IU-DATA fournit une solution FileMaker avec chaque Add-on, elle installe directement le add-on dans le bon répertoire de votre ordinateur.
Fermer FileMaker Pro
Copier le dossier IUD_iOSSwitch 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 iOS Switch puis cliquer sur Choisir
Glisser-déposer le add-on iOS Switch sur le modèle
Le Add-on peut fonctionner hors contexte grâce à l'utilisation de la rubrique globale IUD_iOSSwitch:gct_WV_FinalCode
.
Exemple de code associé au web viewer :
Let (
[
_fieldName = GetFieldName ( "**Copiez votre rubrique cible ici**" ) ;
_valueList = "0¶1" ;
_1stValue_Color = "#F1F1F1";
_2ndValue_Color = "#8ce196" ;
_showLabel = 0 ;
_background_Color = "#FFFFFF" ;
_orientation = "horizontal";
_verticalTextOrientation = "";
_fieldValue = GetField ( _fieldName ) ;
_1stValue_FontColor = IUDATA_DarkenColorHEX ( _1stValue_Color ; 100 );
_2ndValue_FontColor = IUDATA_DarkenColorHEX ( _2ndValue_Color ; 100 );
_1stValue = GetValue ( _valueList ; 1 ) ;
_2ndValue = GetValue ( _valueList ; 2 ) ;
_1stValue_Label = Case ( _showLabel ; _1stValue ; "" ) ;
_2ndValue_Label = Case ( _showLabel ; _2ndValue ; "" ) ;
_isChecked = Case (
_fieldValue = _1stValue ; "0" ;
_fieldValue = _2ndValue ; "1" ;
"0"
);
_jsTab = "['" & _1stValue & "','" & _2ndValue & "']";
_Code = z_IUD_IOSSWITCH::gct_WV_FinalCode ;
_FinalCode = Substitute ( _Code ;
[ "{{fieldName}}" ; _fieldName ];
[ "{{isChecked}}" ; _isChecked ];
[ "{{listValue}}" ; _jsTab ] ;
[ "{{leftValue}}" ; _1stValue_Label ] ;
[ "{{rightValue}}" ; _2ndValue_Label ];
[ "{{color1}}" ; _1stValue_Color ] ;
[ "{{color2}}" ; _2ndValue_Color ];
[ "{{fontColor1}}" ; _1stValue_FontColor ];
[ "{{fontColor2}}" ; _2ndValue_FontColor ];
[ "{{orientation}}" ; _orientation ];
[ "{{vertical-text-orientation}}" ; _verticalTextOrientation ];
[ "{{background_Color}}" ; _background_Color ]
)
]
;
Case (
Get ( SystemPlatform ) = 4 ;
"data:text/html;base64," & Base64EncodeRFC ( 4648 ; _FinalCode ) ;
"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_iOSSwitch::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_iOSSwitch::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
: Rubrique cible liée au switch. Définit la valeur par défaut du switch, et récupère la valeur modifiée par le switch._valueList
: Permet de définir les 2 valeurs du switch. 2 valeurs séparées par un retour chariot._1stValue_Color
: Définit la couleur de fond de la 1ère valeur du switch. Valeur hexadécimal type "#FFFFFF" ou avec un nom de couleur CSS valide "white" ou vide._2ndValue_Color
: Définit la couleur de fond de la 2ème valeur du switch. Valeur hexadécimal type "#FFFFFF" ou avec un nom de couleur CSS valide "white" ou vide._showLabel
: Permet d'afficher ou non les valeurs dans le switch. 1 / 0 ou vide._orientation
: Permet de définir l'orientation du switch. horizontal ou vertical._verticalTextOrientation
: Permet de définir l'orientation du texte en mode verticale. Vide, mixed ou upright._background_Color
: Définit la couleur de fond du web viewer. Valeur hexadécimal type "#FFFFFF" ou avec un nom de couleur CSS valide "white" ou vide.⚠️ Paramètres à ne pas modifier :
_fieldValue
: calcul de la valeur de la rubrique _fieldName
_1stValue_FontColor
: calcul de la couleur du label de la 1ère valeur_2ndValue_FontColor
: calcul de la couleur du label de la 2ème valeur_1stValue
: calcul de la 1ère valeur de _valueList
_2ndValue
: calcul de la 2ème valeur de _valueList
_1stValue_Label
: label de la 1ère valeur_2ndValue_Label
: label de la 2ème valeur_isChecked
: état par défault du switch_jsTab
: paramètre pour le calcul du web viewer_code
: Code HTML du iOS Switch contenu dans la rubrique globale IUD_iOSSwitch::gct_WV_FinalCode
_finalCode
: Code HTML final du iOS Switch, valeur de _code
avec le remplacement des paramètres précédentsz_IUD_IOSSWITCH
: Table contenant la définition du add-onIUD_fmps_iOSSwitch_check
: Script appelé depuis le web viewer pour récupérer la valeurLes descriptions des fonctions suivantes sont présentes dans leurs calculs respectifs.
IUDATA_HexToRGB ( __HexColor ; __Option )
IUDATA_RGBToHex ( __R ; __G ; __B )
IUDATA_DarkenColorHEX ( __colorHEX ; __delta )
Aucune liste de valeur dans cet add-on.
Aucune dépendance dans cet add-on.
Systèmes d'exploitations :
FileMaker :
FileMaker WebDirect :
Veuillez noter que sur FileMaker Go 19 l'activation du switch 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é.
Contact :
Pour toute information, veuillez nous contacter à cette adresse : product@iu-data.com
Création et développement :
Design de l'icône :
01/01/2022 - iOS Switch v2.0.0 - Ajout des paramètres orientation et vertical text orientation et de la compatibilité avec Webdirect
16/02/2021 - iOS Switch v1.0.0 - 1st release
© IU-DATA 2021