[TitleWindow] Comment créer un style personalisé ? [Résolu]

[gufra]

Bonjour à tous,

J'ai commencé le Flex hier.
J'ai créé le layout de mon application sans trop de problèmes.

Tout au long de mon application, je vais utiliser des TitleWindows mais j'aimerais que celle-ci soient "stylées" comme mon application.

Voici un exemple de TitleWindow que j'aimerais :


Comment dois-je m'y prendre pour "designer" une TitleWindow de cette manière ?

[gufra]

Dans l'aide de Flex Builder, il nous montre un "CSS Styles panel (Window > CSS Styles)"
(http://livedocs.adobe.com/flex/1/fle...e=brady510.htm)



J'ai bien Flex Builder 2.0.1 mais je n'ai pas ce panel.
Est-ce mon flex builder qui aurait un problème ?

[Jim_Nastiq]

si tu veux attacher une feuille de style a ton application flex(c'est bien ce que tu veux faire?)

il suffit de faire file->new->css file


mais vu la simplicité de la solution je ne suis pas sur d'avoir compris ta question


PS/ tu devrais peut etre utiliser flex builder 3

[gufra]

Envoyé par Jim_Nastiq

si tu veux attacher une feuille de style a ton application flex(c'est bien ce que tu veux faire?)

il suffit de faire file->new->css file

Il faut même rajouter ceci :

Code :

<mx:Style source="style.css"/>

Envoyé par Jim_Nastiq

PS/ tu devrais peut etre utiliser flex builder 3

Les versions bêta pour une application entreprise : non-merci !

[Jim_Nastiq]

hum... c'est quoi le problème alors??



et pour Flex Builder 3, je te précise que je l'utilise dans un cadre pro, et laV 3 beta 3 est toujours mieux que la V2

[gufra]

Envoyé par Jim_Nastiq

hum... c'est quoi le problème alors??

Le problème c'est pour m'y retrouver dans les css de Flex.

Exemple :

Code :

1
2
3
4
.myTitleWindow
{
	title-background-skin:Embed('../../assets/images/title-fond.png', background-size='100%');
}

Me donne l'erreur :

Code :

Invalid metadata format.

Ou encore :

Code :

<mx:Canvas height="69" styleName="header">

Si je spécifie le height dans le style "header", il ne le prend pas en compte :

Code :

1
2
3
4
.header
{
	height:69;
}

Envoyé par Jim_Nastiq

et pour Flex Builder 3, je te précise que je l'utilise dans un cadre pro, et laV 3 beta 3 est toujours mieux que la V2

Pour le projet que je suis entrain de développer, on utilisait précédement Google Web Toolkit (bêta évidemment vennant de Google) et la mise en production a été impossible, donc maintenant les versions bêta, je me méfie. (où même plus je ne veux même pas y toucher !)

[Jim_Nastiq]

EDIT: oops boulette... j'ai rien écrit

[Jim_Nastiq]

ceci fonctionne chez moi...

Code :

1
2
3
4
5
TitleWindow
{
	title-background-skin:Embed('assets/fenetre2.png');
	background-size:'100%';
}

[gufra]

Merci, ca marche très bien.

J'ai une autre question.
J'essaie de personnaliser le focus-skin des TextInput.

Voici mon css :

Code :

1
2
3
4
5
6
.myTextInput
{
	background-color:#fdfdf3;
	border-style:none;
	focus-skin:Embed(background-color=#fdfdf3);
}

J'essaie de faire que la couleur de fond de ma TextInput soit #fff39c quand celle-ci a le focus.

Mais j'obtiens l'erreur :

Invalid metadata format.

Comment faire pour spécifier un background-color différent en focus-skin ?

[Jim_Nastiq]

j'ai pas testé mais a mon avis ton code CSS est pas correct au niveau du focus-skin, tu as un Embed avec derriere du code css... vérifie bien la syntaxe sur différent site pour confirmer que tu as un code correct au niveau syntaxique

[gufra]

Envoyé par Jim_Nastiq

vérifie bien la syntaxe sur différent site pour confirmer que tu as un code correct au niveau syntaxique

C'est justement ce que je cherche, la syntaxe à utiliser quand on a pas de Embed a spécifier.

Je vais encore faire quelques recherches, je posterais la réponse si je la trouve.

[Jim_Nastiq]

si tu ne trouve pas en CSS tu peux attacher un evenement au click(focus) et modifier le style du composant en actionscript(setStyle)

[gufra]

Voila c'est ce que j'ai fais, même si je trouve la méthode pas très propre.