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

GWT et Vaadin Java Discussion :

Css dynamique GWT


Sujet :

GWT et Vaadin Java

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    165
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 165
    Par défaut Css dynamique GWT
    Bonjour,
    J'ai une application qui doit changer de css en fonction de certains paramètre.
    J'ai crée des feuilles de styles différentes.
    Je voulais savoir quelle était selon vous le meilleur moyen de rendre ces lignes dynamiques :
    @Source("PersonneWidget.css")
    PersonneWidgetCssResources css();

    Pour le moment dans la classe concernée je n'ai aucun moyen de savoir quel style j'ai besoin.
    J'ai créer 2 projets avec juste des styles différents. Le reste du code est le même.
    Voulant regroupe ces projets en un seul, j'ai cette problématique

    N'étant pas un expert GWT, votre avis m’intéresse.

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur Java
    Inscrit en
    Septembre 2011
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Septembre 2011
    Messages : 26
    Par défaut
    Je sais pas si c'est exactement cela que tu cherche mais je te propose ceci

    Choisir la feuille de style à l'exécution pour créer des thèmes
    Déclarer plusieurs fichiers de sources Css pour une même interface permet de mettre facilement un moteur de thème. Les styles à appliquer aux widgets seront uniquement évalués à l'exécution.


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    public interface MyWidgetStyle extends CssResource {
        String someStyle();
        String veryImportantButton();
    }
     
    public interface MyWidgetResources extends ClientBundle {
        public MainPageResources INSTANCE = GWT.create(MyWidgetResources.class);
     
        @Source("MainViewThemeVert.css")
        MyWidgetStyle cssThemeVert();
     
        @Source("MainViewThemeBleu.css")
        MyWidgetStyle cssThemeBleu();
    }
     
     
    // Méthode pour faciliter l’accès à la feuille de style suivant le thème
    private MyWidgetStyle css() {
        switch(this.currentTheme) {
            case Vert : return MyWidgetResources.INSTANCE.cssThemeVert();
            case Bleu: return MyWidgetResources.INSTANCE.cssThemeBleu();
    J'ai chopé cela sur ce lien...
    http://wiki.objetdirect.com/expertis...es_et_UiBinder

    Les même info (en english) de google Team.
    http://code.google.com/p/google-web-...ki/CssResource

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    165
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 165
    Par défaut
    Merci c'est déjà une bonne piste.

Discussions similaires

  1. [CSS/Javascript] Changement des propriété CSS dynamiquement
    Par heladar dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 06/02/2009, 12h33
  2. CSS dynamique en ASP
    Par Marconico dans le forum ASP
    Réponses: 9
    Dernier message: 24/04/2007, 11h50
  3. CSS dynamique
    Par tetram51 dans le forum Struts 1
    Réponses: 1
    Dernier message: 12/07/2006, 18h27
  4. Modifier un style css dynamiquement
    Par arnolem dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 26/05/2006, 10h17

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