Différences

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

--- boardz:userguide:widgets [2019/12/30 17:28] – florence
+++ boardz:userguide:widgets [2025/12/10 16:16] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 11: / Ligne 11: @@
 ===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
-  * barre
+  * barre d'histogramme
   * **Chemin :** Admin du site/plugins/plugins locaux/BoardZ/Widget
-Pour chacun d'entre eux on précisera :
+**Pour chaque widget à créer  on précisera :**
   * **Classe utilisée :** HtmlWidget ou HtmlIndicatorWidget
-  * **UID :** Clé unique
+  * **UID :** Clé unique (automatique)
   * **Nom :** nom libre au choix
   * **ID de renderer :** Renderer choisi : Scalaire, sortie CSV, tableau (array), feu (traffic), radar, barre
@@ Ligne 34: / Ligne 33: @@
   * **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]]