
L’utilisation d’un web viewer pour afficher des données FileMaker est l’une des méthodes les plus simples et les plus polyvalentes pour améliorer les fonctionnalités de votre application FileMaker. Toutefois, l’implémenter correctement est essentiel pour éviter que votre web viewer ne « casse » à l’avenir.
Afficher les données de la mauvaise façon
Une méthode courante consiste à utiliser la fonction « Let ». Nous allons l’utiliser pour cet exemple, bien qu’elle ne soit pas indispensable pour atteindre notre objectif.
Let ([
data = [your_FileMaker_field_here]
];
“data:text/html,”
& “<html><head>”
& “<style type=”text/css”>
body {
font-family: ‘Arial’ ;
font-size: .9em ;
padding:0px;
margin:0px;
width: 100%;
}
</style></head>”
& “<body>” &
data
& “</body></html>”
)
Résultat :
Votre web viewer fonctionne… pour l’instant. Il est probable que vous ne remarquiez aucun problème immédiatement, jusqu’au jour où un utilisateur saisira un caractère spécial (notamment « # ») dans votre source de données. Soudainement, votre web viewer semblera « cassé » et n’affichera plus correctement les données.
Afficher les données de la bonne façon
Heureusement, ce problème se corrige facilement avec une fonction FileMaker supplémentaire ! Pour que les données s’affichent correctement dans le web viewer, il suffit d’encapsuler la source de données avec la fonction « GetAsURLEncoded ». Celle-ci convertit les caractères spéciaux en texte compatible HTML, évitant ainsi toute erreur d’affichage.
Let ([
data = GetAsURLEncoded ( [your_FileMaker_field_here] )
];
“data:text/html,”
& “<html><head>”
& “<style type=”text/css”>
body {
font-family: ‘Arial’ ;
font-size: .9em ;
padding:0px;
margin:0px;
width: 100%;
}
</style></head>”
& “<body>” &
data
& “</body></html>”
)
Ça fonctionne !
Cette simple modification garantit que votre web viewer affiche les données FileMaker de manière cohérente et fiable.
*Cet article a été initialement rédigé pour AppWorks, qui a depuis rejoint Direct Impact Solutions. Cet article est fourni à titre informatif uniquement. À notre connaissance, ces informations sont exactes à la date de publication.



