Différences

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

--- wiki:widgets:widget_de_grille [2025/02/05 10:14]
n.orvoen [Widget flottante]
+++ wiki:widgets:widget_de_grille [2025/07/21 18:21] (Version actuelle)
Nadège DECONQUAND [Colonnes fixes]
@@ Ligne 1: / Ligne 1: @@
 <fs xx-small>Date de création : 12/10/21\\
-Date de Mise à Jour : 03/09/24\\
+Date de Mise à Jour : 21/07/25\\
-Version v23.0\\ </fs>
+Version v24.0\\ </fs>
 ----
@@ Ligne 196: / Ligne 196: @@
 <WRAP half column>\\ {{popup> :wiki:widgets:widget_flottante.jpg?600|}}
 </WRAP>
-<WRAP half column>\\
+<WRAP half column>\\ \\ \\
 Dans la partie de droite "Propriété de la widget" :
   * Mettre le paramètre **"AllowFloating" à "True"**
@@ Ligne 205: / Ligne 205: @@
 </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.
+\\ \\ \\
+====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>
 \\ \\ \\