Studio de conception Power Pages et Studio des portails Power Apps
Deux expériences vous sont proposées pour modifier des sites Power Pages et des sites de portails Power Apps.
- Le nouveau studio de conception Power Pages.
- Le studio des portails Power Apps hérité.
Sur la page d’accueil Power Pages, vous pouvez ouvrir des sites dans le studio de conception, créés à l’aide de Power Pages et des sites créés à l’aide de Power Apps.
Vous pouvez ouvrir des sites créés à l’aide de Power Apps à l’aide du studio des portails ou du nouveau studio de conception. Les sites créés à l’aide de Power Pages s’ouvrent par défaut dans le studio de conception Power Pages.
Lorsque vous sélectionnez un site dans le portail de création Power Apps créé à l’aide de Power Apps, vous aurez la possibilité d’ouvrir le site à l’aide du studio de portails ou de l’ouvrir dans le studio de conception Power Pages.
Fonctionnalités non disponibles dans le studio de conception Power Pages
Le studio des portails Power Apps possède les fonctionnalités suivantes qui ne font pas partie du studio de conception Power Pages :
- Modification du code du modèle web
- Configuration du bot de conversation instantanée Power Virtual Agent
- Vues miniatures
- Menus personnalisés
- Modification d’extrait de contenu
Note
Veuillez consulter Procédure : intégrer un chatbot sur une page web pour savoir comment intégrer un chatbot sur un site Power Pages.
Composants ajoutés dans le studio de conception
Le studio de conception Power Pages dispose de nouvelles capacités qui ne sont pas disponibles dans le studio des portails Power Apps. Si vous personnalisez un site dans le studio de conception Power Pages et que vous ouvrez le site dans le studio des portails Power Apps, les composants suivants ne pourront pas être configurés :
Pourboire
Pendant la personnalisation de sites créés via Power Pages, nous vous recommandons d’utiliser le studio de conception Power Pages au lieu du studio des portails Power Apps.
Style et thèmes
Les nouveaux thèmes et options de style introduits dans l’espace de travail de styles du studio de conception Power Pages ne peuvent pas être personnalisés à l’aide de l’éditeur de thèmes dans le studio des portails Power Apps.
Modification des thèmes créés dans le studio des portails Power Apps
Si vous utilisez l’espace de travail Style avec un site auquel un thème a été appliqué à l’aide du studio des portails Power Apps, vous rencontrerez les comportements suivants ;
- L’espace de travail Style affichera le thème sous la forme d’un Thème personnalisé.
- Tous les thèmes prédéfinis existants sont disponibles.
- Une fois que vous avez choisi et enregistré un nouveau thème, vous ne pourrez plus revenir au thème d’origine.
- Dans l’espace de travail Pages, les éléments de texte ne prendront pas en charge les styles Titre et petit texte.
- Les boutons ne prennent pas en charge les options de style.
- Pour la couleur d’arrière-plan, vous pouvez utiliser le sélecteur de couleurs mais pas la palette de couleurs.
Astuce
Pour utiliser les options de style plus riches du studio de conception, nous vous recommandons de sélectionner et d’appliquer l’un des thèmes prédéfinis à votre site.
Modification des thèmes personnalisés
Une méthode courante pour styliser un site consiste à charger un fichier CSS à l’aide de l’application Gestion de portail.
Il y a aussi trois fichiers CSS ajoutés à tous les sites par défaut ;
- bootstrapmin.css
- theme.css
- portalbasictheme.css
L’ordre d’affichage du fichier CSS personnalisé doit être supérieur aux fichiers theme.css et bootstrapmin.css et inférieur à portalbasictheme.css et l’ordre d’affichage par défaut ne doit pas être modifié.
portalbasictheme.css>custom.css>theme.css>bootstrapmin.css
Si l’ordre d’affichage a été modifié, ou les fichiers CSS par défaut ont été désactivés, vous rencontrerez les comportements suivants ;
- L’espace de travail Style affichera le thème sous la forme d’un Thème personnalisé.
- Les thèmes prédéfinis existants ne seront pas disponibles.
- Dans l’espace de travail Pages, les éléments de texte ne prendront pas en charge les styles Titre et petit texte.
- Les boutons ne prennent pas en charge les options de style.
- Pour la couleur d’arrière-plan, vous pouvez utiliser le sélecteur de couleurs mais pas la palette de couleurs.
Pourboire
Pour utiliser les options de style plus riches du studio de conception, nous recommandons que les trois fichiers CSS par défaut soient activés (portalbasictheme.css, theme.css et bootstrapmin.css) et dans le bon ordre d’affichage. Vous pouvez ensuite sélectionner et appliquer l’un des thèmes prédéfinis à votre site.
Avertissement
Il n’est pas recommandé de désactiver, supprimer ou modifier l’ordre d’affichage des fichiers CSS par défaut (bootstrap.min.css, theme.css ou portalbasictheme.css). Vous verrez une erreur dans le studio de conception.
Résolution de l’ordre d’affichage
Afin de restaurer l’ordre d’affichage des fichiers CSS par défaut, suivez ces étapes :
Ouvrez l’application Gestion du portail et dans la section Contenu recherchez Fichiers web.
Localisez les fichiers web suivants et mettez à jour l’ordre d’affichage convenablement. Vous pouvez utiliser n’importe quelle valeur tant que les valeurs de l’ordre d’affichage sont portalbasictheme.css>CSS personnalisé>theme.css>bootstrapmin.css.
File Ordre d’affichage bootstrap.min.css 8 theme.css 9 custom.css 10, 11, etc. portalbasictheme.css 15 
Sélectionnez Enregistrer pour mettre à jour l’enregistrement du fichier web.
Pour plus d’informations sur la façon de charger un fichier CSS personnalisé, voir charger des fichiers CSS.