#Spinner iOS Spinner v1.0.0
Cette extension "add-on" basée sur le spinner d'attente iOS permet d'ajouter une indication de chargement aux utilisateurs de vos solutions FileMaker lors du déroulement d'une procédure !
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.
Il suffit d'afficher le Web Viewer à l'aide du script d'appel Spinner iOS - Show / Hide the spinner
en début de procédure puis de cacher le Web Viewer à l'aide du même script en fin de procédure.
Fonctionnalités :
Fermer FileMaker Pro
Copier le dossier IUD_iOSSwitch_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 Spinner iOS puis cliquer sur Choisir
Glisser-déposer le add-on Spinner iOS sur le modèle
Le Add-on peut fonctionner hors contexte grâce à l'utilisation de la rubrique globale IUD_SpinneriOS:gct_WV_FinalCode
.
Spinner iOS - Show / Hide the spinner
.Exemple de code associé au web viewer :
Let (
[
_Spinner_Color = "#111111" ;
_Spinner_Size = "60" ;
_Text_Content = "Chargement…" ;
_Text_Color = "#111111" ;
_Text_Size = "1.5rem" ;
_Text_Weigh = "normal" ;
_Text_Position = "Bottom" ;
_Container_PositionX = "50%" ;
_Container_PositionY = "50%" ;
_BodyBackground_Color = "" ;
_BodyBackground_Picture = "" ;
_Img = Case ( not IsEmpty ( _BodyBackground_Picture ) ; " <img class='background_img' src='data:image/png;base64, "& Base64Encode ( _BodyBackground_Picture )&"' alt='' />"; "" );
_TextDiv = "<div class=\"text{{spinner_ClassSide}}\">{{spinner_Text}}</div>";
_DivTextBottom = Case ( _Text_Position = "Bottom" or _Text_Position = "Right" ; _textDiv ; "" ) ;
_DivTextTop = Case ( _Text_Position = "Top" or _Text_Position = "Left" ; _textDiv ; "" ) ;
_ClassSide = Case ( _Text_Position = "Left" or _Text_Position = "Right" ; "-side" ; "" ) ;
_Code = IUD_SpinneriOS::gct_WV_FinalCode ;
_FinalCode = Substitute (
_Code ;
[ "{{spinner_BackgroundColor}}" ; _BodyBackground_Color ] ;
[ "{{spinner_BackgroundImage}}" ; _img ] ;
[ "{{spinner_DivTextBottom}}" ; _divTextBottom ] ;
[ "{{spinner_DivTextTop}}" ; _divTextTop ] ;
[ "{{spinner_FontColor}}" ; _Text_Color ] ;
[ "{{spinner_FontSize}}" ; _Text_Size ] ;
[ "{{spinner_SpinnerColor}}" ; _Spinner_Color ] ;
[ "{{spinner_SpinnerSize}}" ; _Spinner_Size ] ;
[ "{{spinner_SpinnerPositionX}}" ; _Container_PositionX ] ;
[ "{{spinner_SpinnerPositionY}}" ; _Container_PositionY ] ;
[ "{{spinner_TextPosition}}" ; _Text_Position ] ;
[ "{{spinner_TextWeight}}" ; _Text_Weigh ] ;
[ "{{spinner_Text}}" ; _Text_Content ] ;
[ "{{spinner_ClassSide}}" ; _ClassSide ]
)
]
;
"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_SpinneriOS::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_SpinneriOS::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
_Spinner_Color
: Couleur du spinner. Valeur hexadécimal type "#FFFFFF" ou avec un nom de couleur CSS valide "white" ou vide._Spinner_Size
: Taille du spinner. Entier numérique._Text_Content
: Text d'attente. Saisie libre._Text_Color
: Couleur du texte. Valeur hexadécimal type "#FFFFFF" ou avec un nom de couleur CSS valide "white" ou vide._Text_Size
: Taille du texte. Valeur CSS valide._Text_Weigh
: Epaisseur du texte. Valeur CSS valide._Text_Position
: Position du texte par rapport au spinner. Top / Right / Bottom / Left._Container_PositionX
: Position du conteneur sur l'axe X. Pourcentage._Container_PositionY
: Position du conteneur sur l'axe Y. Pourcentage._BodyBackground_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._BodyBackground_Picture
: Permet d'utiliser une image de fond.⚠️ Paramètres à ne pas modifier :
_Img
: variable contenant la balise HTML <img>
avec le code Base64 de _BodyBackground_Picture
._TextDiv
: variable contenant la balise HTML <div>
avec le texte de _Text_Content
._DivTextBottom
: variable contenant la balise HTML <div>
avec le contenu de _TextDiv
si la position _Text_Position
est à Bottom ou Right._DivTextTop
: variable contenant la balise HTML <div>
avec le contenu de _TextDiv
si la position _Text_Position
est à Top ou Left._ClassSide
: variable ajoutant une classe CSS au spinner et au texte d'attente dans le cas où la position _Text_Position
est à Left ou Right._Code
: Code HTML du addon contenu dans la rubrique globale IUD_SpinneriOS::gct_WV_FinalCode
._FinalCode
: Code HTML final du addon, valeur de _Code
avec le remplacement des paramètres précédents.z_IUD_SPINNERIOS
: Table contenant la définition du add-onSpinner iOS - Show / Hide the spinner
: Script appelé pour montrer ou cacher le web viewer du spinnerAucune fonction personnalisée dans cet add-on.
Aucune liste de valeur dans cet add-on.
Aucune dépendance dans cet add-on.
Systèmes d'exploitations :
Plateformes :
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 - Spinner iOS v1.0.0 - 1st release
© IU-DATA 2021