Extraits de code:Label et description

Un article de MDC.

[modifier] Saut de ligne

En conditions normales, une description ne coupera pas un long texte et le texte sera soit tronqué, soit caché. Pour faire en sorte que le texte se coupe :

Assurez-vous que le long texte soit un enfant de type nœud de texte de <description/> ou de <label/> (i.e., ne pas spécifier le long texte comme la valeur d'un attribut de ces éléments).

Le style par défaut de ces éléments XUL inclut white-space: wrap;. Il réduit tous les blocs d'espaces (incluant les sauts de ligne) à un simple espace. Le texte subit la césure.

<description>Je suis le colocataire du cousin du neveu du frère de ton père. Qu'est-ce que ça peut nous faire ? Absolument rien !</description>

Avec white-space: -moz-pre-wrap;, tous les espaces vides sont représentés littéralement, mais le texte peut aussi subir une césure aux espaces.

<description style="white-space: -moz-pre-wrap;">Je suis le colocataire du cousin du neveu du frère de ton père. Qu'est-ce que ça peut nous faire ? Absolument rien !</description>

Avec white-space: pre;, tous les espaces vides, incluant les sauts de ligne, s'affichent littéralement. Le texte ne peut pas subir de césure automatiquement mais peut être tronqué avec un <html:br/> si nécessaire.

<description style="white-space: pre;">Je suis le colocataire du cousin du neveu du frère de ton père. 
Qu'est-ce que ça peut nous faire ? 
Absolument rien !</description>

Une césure de texte peut également être créée en insérant un élément <html:br/> quelque soit le style CSS, mais cela crée une coupure physique qui ne changera pas même si la taille des éléments parents change.

<description>Je suis le colocataire du cousin du neveu du frère de ton père.<html:br/>
Qu'est-ce que ça peut nous faire ?<html:br/>
Absolument rien !</description>

[modifier] Utilisation de libellés et d'ancres

Il est possible de faire ressembler et de faire réagir un libellé comme une balise HTML <a> :

<label class="text-link" href="http://xulfr.org" value="cliquez ici pour aller sur xulfr"/>

"text-link" est une classe prédéfinie native.

pref("network.protocol-handler.expose.http", false);
pref("network.protocol-handler.warn-external.http", false);