Scrollbar Horizontal & vertical pour le controle asp ListBox

Bonjour
Je n’arrive pas à trouver une solution apparemment simple. Comment ajouter une barre de défilement horizontal et une barre de défilement vertical (simultanément) à un contrôle ListBox?
J’ai essayé d'envelopper listbox dans un div. Pas d'affichage de deux barres en même temps. Si les deux barres s'affichent une n'est pas opérationnelle. Voici le code:

Code:

---

1 2 3

<div id="ddd" style="max-width:189px;max-height:190px;overflow-x:scroll; display: inline-block;"> <asp:ListBox ID="ListBox11" CssClass="font25" AutoPostBack="false" runat="server" Style="border: none; border-radius: 5px 5px;max-height: 200px; max-width: 600px;"></asp:ListBox> </div>

---

Environnement : asp.net, webforms, vb.net ou c#
Merci

Code:

---

overflow:scroll;

---

Mais non..

Bonjour,
les éléments <select> ne sont pas simple à modifier, chaque navigateur gérant le rendu de façon différente.

Si tu veux pouvoir faire ce que tu souhaites une bonne solution est de passer par des <select> customisé.

Pour info, text-overflow:ellipsis ne fonctionne pas sur des <select> n'ayant pas d'attribut size et en aucun cas sur les supports autres que desktop.

Regarde :
↪ Élément <select> et text-overflow:ellipsis si cela peut-être une solution à ton soucis.

Merci NoSmoking
Mon problème est de trouver un moyen pour faire apparaitre une barre de défilement horizontal pour le contrôle ListBox. J’ai vu beaucoup de « solutions » basées sur l’utilisation des div et des CSS. Mais une fois implémentées, la barre de défilement vertical s’affiche également et il faut défiler le texte vers la droite pour le voir en entier. Ce qui n’est pas naturel. Une solution de contournement serait de pouvoir insérer un retour a la ligne lors d’un débordement, un peu a la manière de dropdownlist d’une application mobile ou du cas suivant :

Code:

---

1 2 3 4 5 6

<div id="id1" style="width:100px;border-style:double; word-break:normal"> <div id="id2" class="selected">Vert</div> <div id="id3">Orangerrrrrrrrrrrr hh rrrrr ggg rrrrr yyyy rrrrrr ooon rrrrrrrrrrrrrrr</div> <div id="id4">Rouge</div> <div id="id5">Bleu ciel de l'atlantique a la mer noire et de la mer noire a l'atlantique</div> </div>

---

J"essayerai de suivre la piste SELECT même si tous mes essais n'ont rien donné.
Merci

J'ai du mal à voir ce que tu cherche au final à réaliser !

Citation:

---

Mais une fois implémentées, la barre de défilement vertical s’affiche également et il faut défiler le texte vers la droite pour le voir en entier.

---

As tu exploré la piste de l'attribut size sur le <select> ?

Citation:

---

Une solution de contournement serait de pouvoir insérer un retour a la ligne lors d’un débordement,

---

Dans ce cas oublie tout de suite le <select> standard, pas du tout malléable à configurer.

Merci NoSmoking pour ta patience.
Mon but est d'afficher correctement le contenu d'un contrôle ListBox (contrôle ASP) au cas d'un débordement. Première solution serait les barres de défilement. L'utilisation d'un div avec overflow affiche la barre de défilement horizontal mais pour voir la ligne de données intégralement il faut défiler vers la droite pour afficher la barre de défilement vertical. Je ne veux pas de telle solution. Donc pas de solution.
La 2eme solution serait d’insérer un retour à la ligne en cas de débordement. Ainsi une ligne est vue intégralement sans barre de défilement horizontal. Pour ListBox aucune solution.
Je suis obligé donc de me tourner vers d'autres issues.
Je pense être clair.

Voila.

Citation:

---

Je suis obligé donc de me tourner vers d'autres issues.

---

Oui, comme déjà dit, tu ne pourras pas réaliser ce que tu souhaites sur base d'un <select> « standard ».

Tu peux toujours regarder du côté de plugin, comme Selectmenu (jQuery) ou encore les Dropdowns (BootStrap), et avec un minimum d'aménagement tu devrais obtenir ce que tu souhaites tout en gardant les contrôles souris et clavier.

Bonjour
Problème résolu!
Par pur hasard je suis tombé sur le plugin select2 qui apparemment est très connu. C'est un plugin jquery utilisé pour la gestion des listes ( que ce soit le tag select de HTML ou un Listbox ou dropdownlist de ASP). Si la documentation est très sommaire, une petite fouille dans son css permet d'obtenir des résultats excellents.
Grand merci à NoSmoking pour ses conseils et pour ses encouragements.