Changer de thème et de mise en page

Les paramètres Theme & Layout (Thème et mise en page) de la fenêtre de configuration incluent des options permettant de modifier l’apparence par défaut de l’application. Par exemple, vous pouvez sélectionner le mode clair ou foncé, appliquer les paramètres du thème partagé (couleurs et logo, le cas échéant) de votre organisation ou utiliser un CSS personnalisé pour que votre application respecte votre identité visuelle.

Attention :

Les mises à jour de Instant Apps concernant le modèle source peuvent impacter la feuille de style (CSS) personnalisée d’une application. Il est donc conseillé de tester votre application après chaque version de produit.

La plupart des applications comprennent également un ensemble de thèmes prédéfinis pour styliser l’application en changeant les couleurs d’arrière-plan et de texte des éléments de l’application, tels que l’en-tête, les volets et les boutons. Vous pouvez personnaliser le thème en définissant votre propre combinaison de couleurs et en sélectionnant des polices dans une liste de polices disponibles. Lorsque vous choisissez des couleurs personnalisées, le taux de contraste de la couleur de police et de la couleur d’arrière-plan est validé par rapport aux normes d’accessibilité, ce qui nécessite un taux de contraste minimal de 4,5 pour assurer la lisibilité du texte. Un message d’avertissement vous informe lorsque le taux de contraste est insuffisant. Vous pouvez également charger une image pour inclure un logo personnalisé dans l’en-tête avec un hyperlien facultatif. (Seules les URL HTTPS sont prises en charge.) Pour des exemples de ces options, consultez l’article de blog concernant la configuration des thèmes.

Utilisez le paramètre Position manager (Gestionnaire de position), le cas échéant, pour déplacer et repositionner les outils cartographiques et ainsi conférer une expérience intuitive à l’application. Utilisez le bouton situé en regard d’un nom d’outil pour le faire glisser vers un autre angle ou changer l’ordre des boutons regroupés dans un angle. Les emplacements des outils dans l’aperçu de l’application sont mis à jour en fonction des emplacements que vous avez choisis dans la grille.

La table suivante compare les paramètres applicables aux modèles.

OptionVisionneuse 3DAtlasVisionneuse de pièces jointesBasicCategory GalleryVisionneuse de diagrammeDécompteExhibit (Exposition)Visionneuse d’imagerieEncartsInteractive LegendMedia MapÀ proximitéPortfolio (Portefeuille)Notification publiqueBarre latéraleCurseurZone Lookup

CSS personnalisé

OuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui

Logo personnalisé

OuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui

Thème personnalisé

OuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui

Gestionnaire de position

OuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui

Thème prédéfini

OuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui

Thème partagé

OuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui

Pour voir la table alphabétique de comparaison des fonctionnalités configurables, consultez lamatrice des outils d’application (PDF). (Un modèle bêta est exclu jusqu’à ce que le modèle ne fasse plus partie de la version bêta et qu’il soit prêt à être utilisé dans les applications de production.)