Customisation d'un popup de sélection de référence d'objet

Customisation d'un popup de sélection de référence d'objet
0
Tags: #<Tag:0x00007fed3e451b58>

Bonjour, je sélectionne un objet lié depuis un formulaire (un “refSelect” si ce terme vous convient) :

Est-il possible de modifier la taille de cette modale, extrêmement large pour un seul champ affiché, par du css côté client ou autre solution ?

Merci d’avance,

Guillaume

C’est large à 95% par défaut car en général :

  • on sélectionne un objet métier avec beaucoup colonnes
  • et il faut que ça soit responsive pour le mobile (largeur en %)

Il n’y a pas de paramétrage à ce niveau, il faudrait agir par CSS (via une ressource nommée STYLES sur cet objet) mais je ne vois pas de selector simple pour tester que la liste du body est un certain objet et dire au modal parent (bootstrap) de forcer une largeur.

On va devoir faire une petit évolution sur le l’id du popup pour y mettre le nom de l’objet et le champ référencé. Attention à laisser le caractère responsive à ce dialogue, par exemple :

#dlgmodal_selectRef_MyObject_myRefField > .modal-dialog {
    min-width: 700px !important;
    width: 30% !important;
}

ou sans l’id mais en utilisant les attributs data du modal:

.modal[data-object='MyObject'][data-field='myRefField'] > .modal-dialog {
    min-width: 700px !important;
    width: 30% !important;
}

Ca fonctionnera quand on aura poussé cette petit évolution du DOM en P24.

On pourrait ensuite ajouter un calcul savant de la largeur en fonction des colonnes visibles mais le besoin ne s’est pas fait sentir sur ce point, il y aura toujours des cas particuliers et des colonnes étendues à gérer.