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

Flex Discussion :

Custom Alert CSS [Flex4]


Sujet :

Flex

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 244
    Par défaut Custom Alert CSS
    Bonjour,

    j'ai une application Flex 4 et je souhaiterais, via CSS (ou Skin), pouvoir customizer la fenêtre "Alert". (Couleur de fonds, couleur de Police, ...).

    Voici ce que je mets dans ma CSS

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    mx|Alert 
    {         
    	color: black;                
    	font-size: 18;         
    	title-style-name : "title";         
    }     
    .title     
    {         
    	color: black;               
    	font-size:12;     
    }
    Mais Rien ne se passe, j'ai tj les écritures en blancs...

    Est-ce que qlq à déjà eu le problème? Comment doit-on s'y prendre pour customizer l'Alert?

    Merci

  2. #2
    Membre Expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Par défaut
    salut,

    Peux tu me montrer comment tu appelles ton css et un peu de code stp ?

    Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses
    Pensez au tag

    Mon Blog sur la techno Flex
    Ma page sur Developpez.com

    Jim_Nastiq

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 244
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
    			xmlns:s="library://ns.adobe.com/flex/spark" 
    			xmlns:mx="library://ns.adobe.com/flex/mx" 
    			minWidth="955" minHeight="600" xmlns:component="component.*">
    	<fx:Declarations>
     
    	</fx:Declarations>
    	<fx:Style source="css/style.css" />
    	<component:Toto/>
    </mx:Module>
    L'appel à la CSS fonctionne bien car les boutons, datagrid, panel et autre sont bel et bien Customizé. Il y a juste un problème avec le "Alert".

    CSS :
    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
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    mx|Panel{
    	borderColor: #e2e2e2;
    	borderAlpha: 1;
    	highlightAlphas: 0.48, 0.29;
    	headerColors: #ffffff, #e2e2e2;
    	backgroundColor: #e2e2e2;
    	titleStyleName: "mypanelTitle";
    }
     
    .mypanelTitle {
    	color: #666666;
    }
     
    s|Panel{
    	skin-class :ClassReference("fluence.lib.skins.panelSkin");
    }
    s|Button{
    	skin-class :ClassReference("fluence.lib.skins.btnSkin");	
    }
     
    mx|Button {
    	fillColors: #70644E, #70644E, #FFFFFF, #FFFFFF;
    	fillAlphas: 1, 1, 0.75, 0.65;
    	color: #ffffff;
    	textRollOverColor: #70644E;
    	theme-color: #70644E; /*BRUN*/
    }
     
    mx|ProgressBar{
    	bar-color: #70644E; /*BRUN*/
    }
     
    mx|Alert 
    {         
    	color: black;                
    	font-size: 18;         
    	title-style-name : "title";    
    }     
    .title     
    {         
    	color: black;               
    	font-size:12;     
    }

  4. #4
    Membre Expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Par défaut
    Hum ... étrange, je ne vois pas ce qui ne colle pas.
    As tu testé ta css sur un projet Flex indépendant, tout simple qui ne fait qu'afficher une alert ?


    PS: Alert étendant la classe Panel, il y'a peut être une subtilité à ce niveau, vérifie en commentant ton css affectant ton Panel

    Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses
    Pensez au tag

    Mon Blog sur la techno Flex
    Ma page sur Developpez.com

    Jim_Nastiq

  5. #5
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 244
    Par défaut
    Bonjour,

    j'ai fait plusieurs tests et voici ce qui se passe.

    Si je fais une CSS uniquement avec le Alert dans mon application rien ne se passe.
    Mon application et gérée via des Skins dans Flex 4. (Un fichier .as relié dans la css avec son Skin mxml). Ce qui veut dire que le Alert.Show se fait dans une fonction Action Script.

    Je viens de créé un nouvelle application "test" mxml dans laquelle j'ai un bouton et lors du click je fais un Alert.Show.... et là, mon Alert est bein customizée.

    Je reprend donc le code de cette CSS que je remet au niveau de mon autre application, et là toujours rien...

    Etrange donc...

  6. #6
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 244
    Par défaut
    EUREKA!

    Ca fonctionne.

    En fait j'utilise mon application dans une application mère.
    Certains composants prenneent les infos CSS de mon application et certain de mon application mère... dont Alert, qui n'était défini que dans ma sous application...

    J'ai donc mis la même CSS au 2 niveau et Bingo... ça fonctionne!

    Merci de votre aide!

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

Discussions similaires

  1. SharePoint custom alert
    Par ITParty dans le forum Développement Sharepoint
    Réponses: 2
    Dernier message: 03/02/2014, 13h05
  2. [SP-2010] Custom masterpage + CSS + sous site = Problème
    Par daxter dans le forum SharePoint
    Réponses: 2
    Dernier message: 23/11/2011, 09h50
  3. Custom control css/js et updatePanel
    Par topolino dans le forum ASP.NET
    Réponses: 3
    Dernier message: 12/11/2010, 16h13
  4. custom css pas afficher
    Par *alexandre* dans le forum JSF
    Réponses: 1
    Dernier message: 26/01/2009, 17h55
  5. customizer une css
    Par leon1983 dans le forum SharePoint
    Réponses: 8
    Dernier message: 06/08/2008, 14h30

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