wiki:widgets:widget_de_grille

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
wiki:widgets:widget_de_grille [2025/02/05 09:13] – [Widget flottante] n.orvoenwiki:widgets:widget_de_grille [2025/10/14 14:31] (Version actuelle) – [Rafraichissement automatique des widgets] Nadège DECONQUAND
Ligne 1: Ligne 1:
 <fs xx-small>Date de création : 12/10/21\\ <fs xx-small>Date de création : 12/10/21\\
-Date de Mise à Jour : 03/09/24\\ +Date de Mise à Jour : 14/10/25\\ 
-Version v23.0\\ </fs>+Version v24.0\\ </fs>
 ---- ----
  
Ligne 191: Ligne 191:
  
 ====Widget flottante==== ====Widget flottante====
-Il est possible d'extraire une widget afin de la positionner sur un autre écran par exemple. \\+Il est possible d'extraire une widget afin de **la positionner sur un autre écran** par exemple. \\
  
 <WRAP group> <WRAP group>
 <WRAP half column>\\ {{popup> :wiki:widgets:widget_flottante.jpg?600|}} <WRAP half column>\\ {{popup> :wiki:widgets:widget_flottante.jpg?600|}}
 </WRAP> </WRAP>
-<WRAP half column>\\  +<WRAP half column>\\ \\ \\
 Dans la partie de droite "Propriété de la widget" : Dans la partie de droite "Propriété de la widget" :
-  * Mettre le paramètre "AllowFloating" à "True"+  * Mettre le paramètre **"AllowFloating" à "True"**
   * Le valider en tapant sur le touche "Entrée"   * Le valider en tapant sur le touche "Entrée"
   * Enregistrer le paramétrage par le bouton dans la barre en haut et fermer le paramétrage.\\ \\   * Enregistrer le paramétrage par le bouton dans la barre en haut et fermer le paramétrage.\\ \\
  
-Par un glisser/déposer, déplacer la widget à l'endroit voulu+Par un **glisser/déposer**, déplacer la widget à l'endroit voulu
 </WRAP></WRAP>\\ \\ </WRAP></WRAP>\\ \\
  
-Exemple :\\ \\ {{popup> :wiki:widgets:bouton_flottant.jpg?800 |}}\\ +Exemple :\\ \\ {{popup> :wiki:widgets:bouton_flottant.jpg?800 |}}\\ \\  
 +Pour **repositionner la widget** à sa place dans le module, **cliquer sur le point** à côté de l'engrenage. 
 + 
 +\\ \\ \\ 
 + 
 +====Rafraichissement automatique des widgets==== 
 +Il est possible de paramétrer le rafraichissement auto des widgets à chaque changement de paramètre de contexte (date, entité, etc...). \\ 
 + 
 +<WRAP group> 
 +<WRAP half column>\\ {{popup> :wiki:widgets:autorefresh.jpg?600|}} 
 +</WRAP> 
 +<WRAP half column>\\ \\ \\ 
 +Dans la partie de droite "Propriété de la widget" : 
 +  * Mettre le paramètre **"AutoRefresh" à "True"** 
 +  * Le valider en tapant sur le touche "Entrée" 
 +  * Enregistrer le paramétrage par le bouton dans la barre en haut et fermer le paramétrage.\\ \\ 
 +<callout type="warning" icon="true">Le rafraichissement auto est **consommateur de ressources** à chaque changement de paramètre de contexte. C'est pour cette raison que de nombreux widgets ont été désactivés. Si vous choisissez de les réactiver, cela peut impacter les performances.</callout> 
 +</WRAP></WRAP>\\ \\ 
 + 
 +\\ \\ \\ 
 + 
 +====Colonnes fixes==== 
 +Il est possible de fixer une ou plusieurs colonnes, à gauche du widget, à droite ou à gauche en dynamique (à partir de la V24). \\ 
 + 
 +<WRAP group> 
 +<WRAP half column>\\ {{popup> :wiki:widgets:fixed_kind.jpg?600|}} 
 +</WRAP> 
 +<WRAP half column>\\ \\ \\ 
 +  * Sélectionner la **colonne à figer** 
 +  * Vérifier que le paramètre "**PropertiesClassName**" soit à //TcxTextEditProperties// ou //TcxMaskEditProperties// 
 +  * Sélectionner le **mode de fixation** de la colonne : //Left, Right ou LeftDynamic//\\ \\ 
 +</WRAP></WRAP> 
 +\\ \\ 
 +<callout type="info">Avec le paramétrage //LeftDynamic//, la colonne se fixe sur la gauche quand le balayage horizontal avec l'ascenseur l'amène sur la gauche du widget :\\ \\  
 +<html> 
 +<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1103178725?h=7cceb918de&badge=0&autopause=0&player_id=0&app_id=58479/embed" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div> 
 +</html> 
 +</callout>
  
 \\ \\ \\ \\ \\ \\