Le panneau d'administration de Service Apps - Gestion des polices

Modifié le 09/02/2023 10:22

L'écran d'administration permet à l'administrateur de gérer toutes les polices (fonts) au niveau de la plateforme Service Apps.

Cette gestion centralisée permet de rendre disponibles toutes les polices au niveau de toutes les applications : chaque créateur d'applications peut ainsi utiliser les polices disponibles sur l'ensemble des widgets.

Remarques

  • Seul l'administrateur de la plateforme (profil App Center Manager) a accès à la gestion des polices via le panneau d'administration.
  • Les polices standard sont gérées par EasyVista. Elles ne peuvent pas être supprimées ni exportées.
  • Il n’y a aucune limitation sur le nombre de polices pouvant être importées.
  • Seuls les formats de fichiers suivants sont acceptés : Ttf, Otf, Woff, Woff2, Eot.
  • Il est possible d’importer 2 fois la même police si leur format est différent.

Attention

  • La suppression d'une police est définitive.
  • Aucun message n'est affiché si vous supprimez une police utilisée dans des applications. Celle-ci est automatiquement remplacée par une police par défaut.
  • Les navigateurs web n’acceptent pas toujours tous les types de formats de police.

Bonnes pratiques

  • Importez une même police dans différents formats. De cette façon, si cette police est utilisée dans une application mais qu'elle n'est pas supportée par le navigateur web de l'utilisateur, le format le plus adapté est automatiquement utilisé lorsque l'utilsateur lance l'application.

Accès

Apps - Gallery - Admin panel icon.png Admin Panel dans la barre d'outils de la galerie > Apps - Admin panel - Font management icon.png Fonts Management dans la barre d'outils du panneau d'administration

Description des écrans

Onglet Platform Fonts

Permet d'afficher toutes les polices ajoutées manuellement. Le tableau affiche le nom de chaque police, son format, une prévisualisation de celle-ci ainsi que la date d’import.

         Apps - Font Management - Standard fonts tab.png

Add Font : Permet d'importer une nouvelle police sur la plateforme. Celle-ci devient disponible sur les différentes propriétés des widgets utilisant des propriétés graphiques (section Theme, Header, Footer, ...).

  • (1) Liste des polices personnalisées qui apparaît en premier dans une section My Fonts, triée par date d'import décroissante.
  • (2) Liste des polices présentes en standard sur la plateforme, triée par ordre alphabéthique.
             Apps - Font Management - Font list in a widget.png

Filter fonts icon.png : Permet de filtrer les polices sur un format particulier.

Apps - Export icon.png : Permet d'exporter sur l'ordinateur la police sélectionnée.

Apps - Delete icon.png : Permet de supprimer la police sélectionnée.

Onglet Standard Fonts

Permet d'afficher toutes les polices standard présentes par défaut sur la plateforme. Le tableau affiche le nom de chaque police et une prévisualisation de celle-ci.

         Apps - Font Management - Platform fonts tab.png

Procédure : Comment utiliser une nouvelle police sur la plateforme

Étape 1 : Ajout de la police sur la plateforme

Note : Uniquement pour un profil App Center Manager

1. Allez sur l'écran de gestion des polices, via Apps - Gallery - Admin panel icon.png Admin Panel dans la barre d'outils de la galerie > Apps - Admin panel - Font management icon.png Fonts Management dans la barre d'outils du panneau d'administration.

2. Ajoutez les polices que vous souhaitez utiliser dans vos applications.

  • Allez sur l'onglet Platform Fonts.
  • Cliquez sur Add Font.
  • Sélectionnez le fichier pour la nouvelle police.

Best Practice icon.png  Vous pouvez sélectionner plusieurs fichiers en une fois.

La police est ajoutée dans le tableau. Elle devient disponible sur les différentes propriétés des widgets utilisant des propriétés graphiques.
 

Étape 2 : Utilisation de la police

Note : Uniquement pour un profil App Creator

1. Allez sur l'application souhaitée.

2. Allez sur un widget utilisant des propriétés graphiques (section Theme, Header, Footer, ...).

  • Cliquez sur une propriété Font Family.
  • Sélectionnez la nouvelle police affichée en haut de la liste, dans la section My Fonts (1).
             Apps - Font Management - Select a font in a widget.png

Best Practice icon.png  Cliquez sur la case Inherit de la propriété Font Family pour revenir à la police par défaut héritée.

3. Ouvrez l'éditeur de texte depuis une propriété Label, Header/Footer, Html Code d'un widget.

  • Cliquez sur Text icon.png.
  • Sélectionnez la nouvelle police affichée en haut de la liste, dans la section My Fonts (1).
             Apps - Font Management - Select a font in text editor.png
Tags :
Powered by XWiki © EasyVista 2024