[Résolu] Redimensionner champ type select

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by dubitoph on

Bonjour,

Dans un formulaire de filtres exposés, je cherche à redimensionner la largeur d'un champ de type select.

Lorsque je fais dsm($form);, je trouve ceci pour on champ 'contry':

country (Array, 5 elements)
#type (String, 6 characters ) select
#default_value (String, 3 characters ) All
#options (Array, 247 elements)
#attributes (Array, 1 element)
#size (NULL)

La propriété 'size' indique le nombre d'options à afficher par défaut, et donc n'agit pas sur la largeur du champ. Ce que j'aurais voulu, c'est trouver une propriété de type 'width' pour pouvoir appliquer une largeur définie à mon champ car il est beaucoup trop large.

A tout hasard, j'ai bien tenté de faire $form['country']['#width'] = 20;, mais cela ne fonctionne pas.

Merci d'avance pour votre aide

Forum : 
Développement
Version de Drupal : 
7.x

Soumis par dubitoph le 12 Septembre, 2011 - 12:07

Bonjour,

Merci beaucoup pour ta réponse qui me redonne espoir avec Drupal, car je galère de manière phénoménale...

Je cherchais de fait de midi à quatorze heures... (surcharge de fonctions, de thèmes, de div, etc...). Et pourtant, la simplicité fonctionne parfaitement! Je n'y avais pas pensé.

J'ai donc indiqué dans mon fichier .info "stylesheets[all][] = styleameliore.css", j'ai créé un fichier .css dans le même répertoire dans lequel j'ai codé ceci :

/* CSS Document */

#edit-country {
   display:block;
   width:200px;
}

#edit-distance-postal-code {
   display:block;
   width:200px;
}

#edit-distance-search-distance {
   display:block;
   width:200px;
}

#edit-province {
   display:block;
   width:200px;
}

Pour ceci, tout est maintenant parfait.

Un tout grand merci.