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 :

Modifier l'apparence d'un bouton


Sujet :

Ext JS / Sencha

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Juin 2007
    Messages
    112
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 112
    Par défaut Modifier l'apparence d'un bouton
    Bonjour

    Je cherche à modifier l'apparence d'un bouton (texte en gras) créé par le code suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    var btn_envoi = new Ext.Button({
            renderTo: 'envoi',
    	xtype: 'tbbutton',
    	text:' Envoi D4P ',
    	scale: 'medium',
    	cls:'x-btn-text',
    	handler: envoihandler
    					);
    Pour ce faire, j'ai amendé la classe 'x-btn-text' de ext-all.css, en ajoutant :
    et en spécifiant dans la définition du bouton un attribut 'cls' (voir ci-dessus).

    Mais ça ne change rien au fameux bouton !
    Était-ce une mauvaise idée ?
    Quelle est la bonne pratique ?

    merci de vos lumières
    cordialement

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2010
    Messages
    267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 267
    Par défaut
    bonjour,

    modifier le fichier all.css ... est un TRES TRES mauvaise idée ... !

    essayes juste ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    labelStyle: 'font-weight:bold;'
    je pense que ca devrait marcher ...

  3. #3
    Membre confirmé
    Inscrit en
    Juin 2007
    Messages
    112
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 112
    Par défaut
    Bonjour Takitano,

    'labelStyle' : j'avais essayé mais ça lui fait ni chaud ni froid !
    c'est pourquoi je m'étais tourné vers les "mauvaises idées".

    Qu'est-ce qu'on peut faire d'autre ?

    merci de ton aide
    Madmax

  4. #4
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2010
    Messages
    267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 267
    Par défaut
    de mémoire,

    je crois avoir fais ca .. :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    monBouton.setTitle('<b>mon nouveau titre ...</b>');
    a tester ...
    je regarderais lundi ...

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2010
    Messages
    267
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 267
    Par défaut
    ola ... je viens de regarder mon code ...

    tu as 2 manière faire ton bold:
    tout d'abord, tu mes u id dans ton bouton , je le nomme 'monID'

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    Ext.getCmp('monID').setText('<b>Mon texte du bouton</b>');

    ou

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    Ext.getCmp('monID').getEl().dom.style.fontStyle='bold';

    Dans mon cas,
    j'ai utilisé la première syntax pour changer la police, et la dfeuxiem pour change la largeur du bouton ... ( la deuxième syntax ne marche peut etre pas, car elle agit sur le bouton et pas sur le texte du bouton)

  6. #6
    Membre confirmé
    Inscrit en
    Juin 2007
    Messages
    112
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 112
    Par défaut
    hello Takitano

    Super, ça marche très bien !
    Comme toujours, ta réactivité et ta compétence imposent le respect.

    Cordialement
    MadMax

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

Discussions similaires

  1. Modifier l'apparence des boutons
    Par tetsuo669 dans le forum Composants graphiques
    Réponses: 4
    Dernier message: 01/12/2012, 14h42
  2. [INPUT TYPE=SUBMIT] Comment modifier la largeur d'1 bouton
    Par Kylen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/08/2005, 12h27
  3. Comment modifier l'apparence d'un Form ?
    Par [Silk] dans le forum Composants VCL
    Réponses: 3
    Dernier message: 26/07/2005, 13h44
  4. Réponses: 4
    Dernier message: 24/07/2005, 20h14
  5. [C#] Comment modifier l'apparence d'un DataGrid?
    Par DBBB dans le forum ASP.NET
    Réponses: 8
    Dernier message: 15/07/2005, 14h41

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