Utilisation des widgets du portail
Les widgets définissent le contenu des pages de votre portail. Vous pouvez utiliser les widgets du système de base fournis avec Portail de services, cloner et modifier les widgets, ou développer des widgets personnalisés pour répondre à vos propres besoins.
Lorsque vous créez ou mettez à jour une page dans le Portail de services Concepteur, vous pouvez facilement ajouter des widgets en effectuant une recherche 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 Portail de services avec pour commencer à configurer les pages du portail. Les widgets du système de base sont en lecture seule afin que vous puissiez profiter des futures mises à jour. Toutefois, pour chaque instance d’un widget du 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 au Bibliothèque de widgets.
Instances de widget
Lorsque vous ajoutez un widget à une page à l’aide du concepteur de portail de services, il crée une instance de widget. Une instance de widget est une référence à un widget qui contient un emplacement, des propriétés et des CSS spécifiques à cette instance. L’ajout du même widget plusieurs fois à 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 inclut 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 + cliquer avec le bouton 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 de widget | Combien de temps faut-il à un widget pour se charger ? |
| 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 pour le 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 des fuseaux horaires différents. |
| Instance dans l’éditeur de page | Ouvre cette instance du widget dans l’éditeur de page |
| Créateur 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 le widget 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 de widget. |
| Widget dans une fenêtre contextuelle | Ouvre le formulaire de widget dans une fenêtre contextuelle afin que vous puissiez apporter des changements rapides au widget. |
| Widget dans l’Éditeur | Ouvre le widget dans l’éditeur de widget. 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. |
| Connectez-vous à 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 ou des alertes console.log dans le code du contrôleur, vous pouvez enregistrer l’objet $scope.data sur 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 ce qui se trouve dans $scope à la console. |
Widgets personnalisés
Les widgets du système de base sont en lecture seule afin que vous puissiez profiter des futures mises à jour. Pour apporter des modifications, vous pouvez cloner des widgets du système de base. Cependant, les widgets clonés sont considérés comme des widgets personnalisés et ne bénéficient pas des futures mises à jour apportées aux widgets à partir desquels ils ont été clonés. Vous pouvez également créer des widgets à partir de zéro. Pour en savoir plus sur le clonage ou la création de widgets, reportez-vous à la section Développement de widgets personnalisés.