Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Champs additionnels : largeur liste déroulante #2598

Open
ci-ana opened this issue Jun 15, 2023 · 5 comments
Open

Champs additionnels : largeur liste déroulante #2598

ci-ana opened this issue Jun 15, 2023 · 5 comments

Comments

@ci-ana
Copy link

ci-ana commented Jun 15, 2023

Bonjour,
lorsque un champ additionnel est ajouté (ex ici à occtax), il a une largeur a priori définie par le nombre de caractères de la colonne description de la table gn_commons.t_additional_fields.
Ca peut, dans les cas où la liste déroulante comporte des éléments à rallonge (comme ici), bien limiter bien la lisibilité de celle-ci.
Est-il possible d'allonger ce champ? et si oui comment? ou avez-vous une autre solution?
Capture d’écran 2023-06-15 173307

Merci d'avance,
Cédric

@mvergez
Copy link
Contributor

mvergez commented Jun 15, 2023

Bonjour,

J'ai fait quelques tests et rendre le widget adaptable en largeur en fonction du contenu me parait compliqué. Ce widget est un ng-select est cela ne me semble pas trop possible : ng-select/ng-select#953

Néanmoins, dans GeoNature, les champs additionnels sont affichés ligne par ligne, donc on pourrait augmenter la largeur de base du widget à 50% par exemple pour qu'il soit tout le temps plus large :
image

Et ce uniquement dans occtax en ajoutant le code suivant :

pnx-dynamic-form-generator {
  min-width: 50%;
}

ici : https://github.com/PnX-SI/GeoNature/blob/master/contrib/occtax/frontend/app/occtax-form/counting/counting.component.scss

Ou éventuellement rendre cette largeur paramétrable dans l'interface admin, à voir si c'est faisable...

Bonne soirée

@jbrieuclp
Copy link
Contributor

J'ai proposé cette PR #2425 il ya peu pour permettre le multi ligne avec ng-select.

@camillemonchicourt
Copy link
Member

Oui le multiligne est la solution la plus pertinente à mon avis.

@ci-ana
Copy link
Author

ci-ana commented Jun 16, 2023

Merci pour vos réponses !

@ci-ana ci-ana closed this as completed Jun 16, 2023
@camillemonchicourt
Copy link
Member

Problème non réglé, je ré-ouvre le ticket.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants