IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Ext JS / Sencha Discussion :

Redimensionner un FieldLabel


Sujet :

Ext JS / Sencha

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Goupo
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2006
    Messages
    505
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2006
    Messages : 505
    Par défaut Redimensionner un FieldLabel
    Salut à tous,

    J'ai créé un FormPanel contenant des TextField codés comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    monTexte = new TextField<String>();
    monTexte.setFieldLabel("Montextelongetsansespaces");
    Le problème c'est qu'à l'affichage, mes FieldLabel ne sont pas assez grands pour afficher mes labels sur une seule ligne. Soit mon label a des espaces et le texte est affiché sur plusieurs lignes, ce n'est pas très beau... Soit j'ai du texte qui n'a pas d'espaces (métier!) et qui déborde carrément sur le TextField, encore moins beau!

    J'ai essayé de passer par le CSS en modifiant la classe x-form-item-label. Je parviens bien à "toucher" l'élément html, j'arrive à lui ajouter une bordure rouge par exemple. Mais impossible de redéfinir sa taille!

    Pour cause, je crois avoir compris, en inspectant le code html, que la taille est en dur dans la propriété style!

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <label for="x-auto-12-input" style="width:75px;" class="x-form-item-label">Montant du retrait:</label>
    Dans mon inspecteur HTML, je vois que mon css (Proto.css) est écrasé par le CSS de GXT (gxt-all.css) puis écrasé par la propriété style de la balise <label> (element.style)...

    http://img861.imageshack.us/img861/8...fieldlabel.png

    Du coup, je cherche un moyen de modifier la taille de ces fichus FieldLabels par le code. Je suis allé voir du côté de MonText.getFieldLabel(), mais je ne vois pas de méthode setSize ou setWidth...

    Comment est-ce que je peux gérer ça?

    Merci d'avance pour vos réponses!

  2. #2
    Membre éclairé Avatar de Goupo
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2006
    Messages
    505
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2006
    Messages : 505
    Par défaut
    Trouvé!

    La bonne réponse était :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    monFormPanel.setLabelWidth(250);

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Kylix] Fenêtres non redimensionnables
    Par fred78 dans le forum EDI
    Réponses: 2
    Dernier message: 01/12/2002, 14h08
  2. [VB6] [Interface] Redimensionnement automatique
    Par ychalan dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 30/09/2002, 18h32
  3. redimensionnement d'une JWindow
    Par mbp566 dans le forum Agents de placement/Fenêtres
    Réponses: 2
    Dernier message: 02/08/2002, 03h41
  4. Redimensionnement des Paquets IP sur un Réseau Local
    Par Bonoboo dans le forum Développement
    Réponses: 2
    Dernier message: 12/07/2002, 15h40
  5. Redimensionnement d'une surface
    Par Freakazoid dans le forum DirectX
    Réponses: 4
    Dernier message: 01/07/2002, 22h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo