French Power Platform User Group

Please login or click SIGN UP FOR FREE to create your PowerPlatformUG account to join this user group.
Expand all | Collapse all

Placer librement les champs dans un Form

  • 1.  Placer librement les champs dans un Form

    Posted 19 days ago
    Bonjour et meilleurs voeux !

    Je suis en train de bâtir un formulaire et je n'arrive pas à placer correctement les champs; je ne peux  pas les disposer librement. J'ai choisi 3 colonnes pour le paramétrage du formulaire, mais suivant les lignes; j'aimerais en poser 2 ou 4 ;comment faire ?

    ------------------------------
    Jerome Capodano
    IT Analyst
    ------------------------------


  • 2.  RE: Placer librement les champs dans un Form

    Gold Contributor
    Posted 18 days ago
    Salut Jérôme,
    Alors, très clairement (passke ça je l'ai fait en large, en long et en travers), voilà comment procéder pour positionner "facilement" ses datacards dans un formulaire...
    1. Tu mets 12 colonnes à ton formulaire (comme ça t'es trankil, tu pourras avoir toutes les largeurs que tu voudras pour tes datacards)
    2. Tu désactives l'option "Aligner sur les colonnes" parce-que ça ça t'empêche de placer des datacards "comme tu veux"
    3. Ensuite, pour positionner et déplacer tes datacards tu utilises les propriétés X et Y du panel "Avancé" (SURTOUT PAS celui du panel "Propriétés", ni le panel "Modifier les champs" du formulaire parce-que ça peut vite te mettre la grouille)
      • Sur le panel "Avancé", les X et Y représentent les lignes et les colonnes de ton formulaire (un peu comme une grille)
      • Sur le panel "Propriétés", Power Apps t'affiche des coordonnées X et Y en pixels qui sont calculées A PARTIR des X et Y du panel "Avancé" (oui je sais, mais pourtant ce sont les mêmes propriétés... mais c'est comme ça que ça marche !)

    Voici les positions X et Y du panel "Avancé" pour les champs sur la capture ci-dessous (avec leurs largeurs associées) :

    • N° contrat : Y=0, X=0, Width=Parent.Width * 8/12
    • Statut : Y=0, X=8, Width=Parent.Width * 4/12
    • Client box : Y=1, X=0, Width=Parent.Width * 8/12
    • Date début : Y=1, X=8, Width=Parent.Width * 4/12
    • Durée d'engagement : Y=2, X=0, Width=Parent.Width * 4/12
    • Date limite d'engagement : Y=2, X=4, Width=Parent.Width * 4/12
    • Box : Y=3, X=0, Width=Parent.Width * 6/12
    • Offre box : Y=3, X=6, Width=Parent.Width * 6/12
    • Notes : Y=4, X=0, Width=Parent.Width

    ET ATTENTION : ne renomme pas ton contrôle formulaire après avoir fait toute ta mise en forme parce-qu'il te réinitialise tout et tu dois tout refaire !!! Renomme-le AVANT de faire le placement de tes datacards.

    ------------------------------
    EMMANUEL GALLIS
    Power Platform Consultant
    France
    ------------------------------



  • 3.  RE: Placer librement les champs dans un Form

    Posted 18 days ago
    Merci beaucoup Emmanuel. Pour la width, tu conseille de faire un PArent.width * xx plutot que d'étirer le champ à la main ?
    Ce qui est un peu pénible, c'est que mon formulaire a 80% de boutons radios et donc il faut supprimer le champs texte , faire un data card personnalisé ect..
    Pour cela , tu n'aurais pas une autre formule magique ?

    ------------------------------
    Jerome Capodano
    IT Analyst
    ------------------------------



  • 4.  RE: Placer librement les champs dans un Form

    Gold Contributor
    Posted 18 days ago
    Oui tu peux étirer le champ à la main si tu veux. Même lorsque l'option "Aligner sur les colonnes" est désactivée, le redimensionnement manuel se cale sur les colonnes : pratique.

    Pour ce qui est de tes boutons radios, cela sous-entend que tu n'a pas des champs Text mais des champs Choice, on est bien d'accord ?
    De manière générale lorsqu'après avoir ajouté un champ à un formulaire je veux utiliser un contrôle visuel plus sympa que le natif (par ex. des boutons radios au lieu d'une liste déroulante pour un champ Choice ou Lookup, une ListBox multiple au lieu d'un LookupMulti, ...) je procède de la manière suivante :
    • je ne touche jamais au contrôle par défaut qui a été inséré avec le datacard lorsque j'ai ajouté mon champ à mon formulaire : c'est lui qui porte la donnée officielle et c'est grâce à lui que se fait la mise à jour dans ma datasource quand je fais le SubmitForm()
    • je rajoute PAR-DESSUS le contrôle natif mon contrôle perso (radio boutons, listbox, ...) et je masque le contrôle natif (la liste déroulante par ex.)
    • je mets en place quelques formules pour que mon contrôle affiche bien la valeur par défaut lorsque mon formulaire se charge et pour que le contrôle natif récupère bien la donnée choisie par l'utilisateur via mon contrôle perso
    En suivant cette approche, pas besoin de datacards full custom : on customise juste un petit peu le datacard natif et on sécurise la gestion des données.

    ------------------------------
    EMMANUEL GALLIS
    Power Platform Consultant
    France
    ------------------------------



  • 5.  RE: Placer librement les champs dans un Form

    Posted yesterday
    Merci Emmanuel.  J'a eu très peur. Je pensais que le forum avait disparu !

    ------------------------------
    Jerome C
    Technical Analyst
    ------------------------------



  • 6.  RE: Placer librement les champs dans un Form

    Posted 18 days ago
    Bonjour, bonne année et merci @EMMANUEL GALLIS pour tes conseils avisés.​

    ------------------------------
    André Darmedru
    Consultant
    Ai3
    ------------------------------



  • 7.  RE: Placer librement les champs dans un Form

    Gold Contributor
    Posted 18 days ago
    Avec plaisir @André Darmedru, et de même pour ​2021... 🙂

    ------------------------------
    EMMANUEL GALLIS
    Power Platform Consultant
    France
    ------------------------------