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 :

Ext.form.Radio et image


Sujet :

Ext JS / Sencha

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Novembre 2005
    Messages
    194
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 194
    Par défaut Ext.form.Radio et image
    Bonjour

    Comment peut on afficher une image à coté d'un radiobutton plutôt qu'un boxLabel? J'ai essayer avec l'option tpl mais ça ne donne rien...

    merci

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    37
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : Juillet 2009
    Messages : 37
    Par défaut
    Dans un style quick and dirty, dans la mesure ou ton bouton radio est dans un form (Ext.form.FormPanel), je propose ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var radio = new Ext.form.Radio({
        labelStyle:"width:275px;height:95px;background:url(http://google.fr/intl/en_com/images/srpr/logo1w.png) no-repeat scroll 0 0 transparent;"
    });
     
    var form = new Ext.form.FormPanel({
        items:[radio]
    });
     
    form.render(document.body);
    Manifestement la propriété labelStyle du bouton radio ne s'applique que dans le cas ou le bouton est dans un form.

    Sinon tu dois avoir le possibilité de surcharger le CSS de ton bouton (.x-form-cb-label), moins marrant.

  3. #3
    Membre habitué
    Profil pro
    Développeur Web
    Inscrit en
    Août 2009
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2009
    Messages : 8
    Par défaut
    Je sais que le sujet est vieux, mais ça peut servir:

    Il suffit de spécifier une image en html dans la propriété boxLabel (et si on veut afficher un texte, on concatène) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    boxLabel: "<img src='image.png'/>" + "text"

Discussions similaires

  1. Réponses: 6
    Dernier message: 27/11/2006, 06h42
  2. Texte en forme d'une image
    Par yarf dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 2
    Dernier message: 10/09/2006, 20h09
  3. Mise en forme complexe d'images
    Par Yoshidu62 dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 2
    Dernier message: 14/06/2006, 17h28
  4. Réponses: 3
    Dernier message: 23/02/2006, 15h17
  5. [Forms] Afficher une image stockée en base
    Par oramine dans le forum Forms
    Réponses: 12
    Dernier message: 01/02/2005, 14h14

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