Différences

Ci-dessous, les différences entre deux révisions de la page.

--- boardz:userguide:widgets [2019/12/30 17:21] – créée florence
+++ boardz:userguide:widgets [2025/12/10 16:16] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 3: / Ligne 3: @@
 ===== BoardZ Version 2 : Guide d'utilisation de l'administration Board Z=====
-{{ :boardz:userguide:indicateur.png?nolink|}}
+{{ :boardz:userguide:widget.png?nolink|}}
 ==== Les widgets====
-{{ :boardz:userguide:widget.png?nolink |}}
 ===Définition===
+Un widget est la restitution visualisables des indicateurs. Il peut être invoqué seul, ou être assemblé dans un [[boardz:userguide:panels|panneau (Panel)]].
-les widgets sobt la restitution visualisable d'un indicateur. Il peut être invoqué seul, ou être assemblé dans un panneau (Panel).
 Le Widget peut être associé à un ou plusieurs Renderers comparables pour offrir plusieurs mises en forme alternatives de l'indicateur.
-Type de rendus possibles :
+**les 4 type de rendus possibles :**
   * HTML
   * HTML Composite
   * Radar
-  * graphbar
+  * barre d'histogramme
   * **Chemin :** Admin du site/plugins/plugins locaux/BoardZ/Widget
+**Pour chaque widget à créer  on précisera :**
+  * **Classe utilisée :** HtmlWidget ou HtmlIndicatorWidget
+  * **UID :** Clé unique (automatique)
+  * **Nom :** nom libre au choix
+  * **ID de renderer :** Renderer choisi : Scalaire, sortie CSV, tableau (array), feu (traffic), radar, barre
+  * **largeur min :** largeur minimale Exemple 512
+  * **Hauteur min :**  Hauteur minimale : Exemple 350
+===Filtrages===
+Pour pouvoir rechercher un élément par sa classe ou son attribut, vous pouvez utiliser un filtre
+{{ :boardz:userguide:filtre.png?nolink |}}
+====Voir le résultat====
+Trois menus d'actions sont disponibles
+  * **Roue crantée:** Modifier
+  * **Poubelle :** Supprimer l'indicateur
+  * **Icône Oeil :** Voir le rendu du widget
+{{ :boardz:userguide:widget_action_menu.png?nolink |}}
+===Exemples de rendu htmlWidget===
+  * html
+  * html composite
+{{ :boardz:userguide:htmlwidget.png?nolink |}}
+{{ :boardz:userguide:html_compositewidget.png?nolink&300 |}}
+===Exemples de rendu htmlWidgetIndicator===
+  * radar
+  * bargraph
+{{ :boardz:userguide:widget-radar.png?nolink&300 |}}
+{{ :boardz:userguide:bargraph-widget.png?nolink&300 |}}
+{{ :boardz:userguide:htmlindicator_widget.png?nolink&300 |}}
 ----
 [[:boardz:userguide|Retour administration boardZ (Guide d'usage)]] - [[:start|Retour index général]]