Utilisation des widgets du portail
Les widgets sont ce qui définit le contenu de vos pages du portail. Vous pouvez utiliser les widgets du système de base fournis avec Portail de services, cloner et modifier des widgets, ou développer des widgets personnalisés en fonction de vos propres besoins.
Lorsque vous créez ou mettez à jour une page dans le Portail de services concepteur, ajoutez des widgets en recherchant dans le filtre de widget et en faisant glisser un widget sur la page. Vous pouvez également accéder à tous les enregistrements de widgets à partir de la plateforme à l’adresse .
Widgets de système de base
Vous pouvez utiliser les widgets du système de base inclus avec Portail de services pour commencer à configurer les pages du portail. Les widgets du système de base sont en lecture seule afin que vous puissiez bénéficier des futures mises à jour. Toutefois, pour chaque instance d’un widget de système de base que vous ajoutez à une page, vous pouvez configurer les options d’instance disponibles pour ce widget.
Pour obtenir la liste des widgets du système de base et des informations sur leurs options d’instance, reportez-vous à la section Bibliothèque de widgets.
Instances de widget
Lorsque vous ajoutez un widget à une page à l’aide du Concepteur de portail de services, une instance de widget est créée. Une instance de widget est une référence à un widget qui contient un emplacement, des propriétés et un CSS spécifiques à cette instance. L’ajout du même widget plusieurs fois sur la même page crée plusieurs instances.
Toutes les instances de widget pointent vers un widget. Si vous modifiez ce widget, toutes ses instances de widget reçoivent également ce changement. Vous pouvez également apporter des modifications spécifiques à une instance de widget, et seule cette instance de widget est affectée.
Par exemple, l’image suivante montre quatre instances du système Widget de lien d’icône de base avec différentes configurations spécifiques à chaque instance.
Menu contextuel du widget
À partir de n’importe quelle page du portail de services rendue, vous pouvez CTRL+clic droit sur un widget pour afficher plus d’options de configuration dans un menu contextuel.
Par exemple, accédez à pour ouvrir un exemple de page de portail. CTRL+clic droit sur Base de connaissances sur cette page.
| Option | Description |
|---|---|
| Performance du widget | Temps nécessaire au chargement d’un widget |
| Options d’instance | Spécifiez une instance d’un widget. Les options d’instance de widget varient en fonction du widget que vous sélectionnez. Par exemple, les options d’instance du widget d’horloge cool incluent différents fuseaux horaires pour chaque instance, de sorte que vous pouvez avoir la même horloge quatre fois sur une page, mais avec tous les fuseaux horaires différents. |
| Instance dans l’éditeur de page | Ouvre cette instance du widget dans l’éditeur de page |
| Concepteur de page | Ouvre le widget dans le concepteur de portail de services, qui vous permet d’ajouter des conteneurs, des colonnes et des widgets. Vous pouvez ajouter un style à partir du concepteur de portail de services au widget ou à la page sur laquelle il se trouve. |
| Afficher les personnalisations de widget | Affiche les niveaux de personnalisation des widgets sur la page afin que vous puissiez diagnostiquer les problèmes de page. Pour plus d'informations, consultez Diagnostics des widgets. |
| Modifier l'arrière-plan du conteneur | Modifiez la mise en page dans laquelle se trouve le widget. |
| Schéma des options de widget | Définissez les options que vous pouvez sélectionner pour une instance d’un widget. Pour plus d’informations sur la configuration de vos propres options d’instance, reportez-vous à la section Schéma de l’option widget. |
| Widget dans une fenêtre contextuelle | Ouvre le formulaire de widget dans une fenêtre contextuelle afin que vous puissiez y apporter des modifications rapides. |
| Widget dans l’éditeur | Ouvre le widget dans l’éditeur de widgets. Vous pouvez utiliser l’éditeur de widget pour configurer des modèles HTML, CSS, des scripts clients, des scripts de service et des données de démonstration pour le widget. |
| Se connecter à la console : $scope.data | L’objet $scope.data transmet les données du serveur au contrôleur côté client. Au lieu d’ajouter des messages console.log ou des alertes dans le code du contrôleur, vous pouvez enregistrer l’objet $scope.data dans la console du navigateur et y afficher les données. |
| Se connecter à la console : $scope | Similaire à l’objet $scope.data, sauf qu’il consigne tout en $scope à la console. |
Widgets personnalisés
Les widgets du système de base sont en lecture seule afin que vous puissiez bénéficier des futures mises à jour. Pour apporter des changements, vous pouvez copier les widgets du système de base. Toutefois, les widgets copiés sont considérés comme personnalisés et ne bénéficient pas des futures mises à jour des widgets à partir desquels ils ont été copiés. Vous pouvez également créer des widgets à partir de zéro. Pour en savoir plus sur la copie ou la création de widgets, reportez-vous à la section Développement de widgets personnalisés.