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 [2024/05/30 17:38]
n.orvoen
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 : 30/05/24\\ +Date de Mise à Jour : 21/07/25\\ 
-Version ​v23.0\\ </fs>+Version ​v24.0\\ </fs>
 ---- ----
  
Ligne 24: Ligne 24:
   * <color #​7092be>​**(All)**</​color>​\\ Permet de sélectionner tous les champs.   * <color #​7092be>​**(All)**</​color>​\\ Permet de sélectionner tous les champs.
   * <color #​7092be>​**(Sorted)**</​color>​\\ Classe les champs par ordre alphabétique.   * <color #​7092be>​**(Sorted)**</​color>​\\ Classe les champs par ordre alphabétique.
-\\ <callout type="​info">​ **Cliquer dans les cases pour sélectionner/​désélectionner les champs à afficher dans les colonnes de la grille**</​callout></​WRAP></​WRAP>​\\ \\+\\ <callout type="​info">​ **Cliquer dans les cases pour sélectionner/​désélectionner les champs à afficher dans les colonnes de la grille**</​callout>​ <callout type="​tip"​ icon="​true">​Pour **déplacer une colonne** :\\ - Faire un **Alt+Clic** sur l'​intitulé de la colonne\\ - **Déplacer l'​intitulé** à l'​endroit désiré.</​callout></​WRAP></​WRAP>​\\ \\
  
  
Ligne 33: Ligne 33:
 </​WRAP>​ </​WRAP>​
 <WRAP half column>​\\ {{popup> :​wiki:​widgets:​ordre_decroissant.jpg?​300 |}} <WRAP half column>​\\ {{popup> :​wiki:​widgets:​ordre_decroissant.jpg?​300 |}}
-</​WRAP></​WRAP>​\\ \\ \\+</​WRAP></​WRAP>​ 
 +\\ \\  
 +Pour **trier sur plusieurs colonnes**, il suffit de cliquer sur l'​entête de colonne en **maintenant la touche “MAJ” enfoncée**. 
 +\\ \\ \\
  
 ====Filtre des données==== ====Filtre des données====
Ligne 185: Ligne 188:
 Exemple : {{popup> :​wiki:​widgets:​regle.jpg?​400 |}}\\  Exemple : {{popup> :​wiki:​widgets:​regle.jpg?​400 |}}\\ 
 {{popup> :​wiki:​widgets:​widget_regle.jpg?​800 |}} {{popup> :​wiki:​widgets:​widget_regle.jpg?​800 |}}
 +\\ \\ \\
 +
 +====Widget flottante====
 +Il est possible d'​extraire une widget afin de **la positionner sur un autre écran** par exemple. \\
 +
 +<WRAP group>
 +<WRAP half column>​\\ {{popup> :​wiki:​widgets:​widget_flottante.jpg?​600|}}
 +</​WRAP>​
 +<WRAP half column>​\\ \\ \\
 +Dans la partie de droite "​Propriété de la widget"​ :
 +  * Mettre le paramètre **"​AllowFloating"​ à "​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.\\ \\
 +
 +Par un **glisser/​déposer**,​ déplacer la widget à l'​endroit voulu
 +</​WRAP></​WRAP>​\\ \\
 +
 +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>​
 +
 \\ \\ \\ \\ \\ \\
 ======Widgets interactifs====== ======Widgets interactifs======