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 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\\ <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 205: Ligne 205:
 </​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. 
 + 
 +\\ \\ \\ 
 + 
 +====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>​
  
 \\ \\ \\ \\ \\ \\