Border Skin d'un TextInput disable le contour rouge d'erreur

[Gaaaga]

Bonjour !

Gros probleme, assez bizarre..
Lorsque je met un skin a mon TextInput, definissant dans mon fichier css :

Code :

1
2
3
4
5
6
TextInput {
	fontSize: 			11; 
	backgroundColor: 	#FFFFFF;
	fontWeight: 		normal;
	border-skin: 		Embed(source="assets.swf", symbol="textfield");	
}

et que je met un "StringValidator" afin de verifier que les gens ont ete remplis :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<mx:VBox>
	<mx:VBox paddingRight="15" paddingLeft="15" width="100%"> 
		<mx:Form>
			<mx:FormItem label="username" required="true">
				<mx:TextInput id="username" paddingLeft="6" enter="logon()" enabled="{!model.isAttemptReLogOn}"/>
			</mx:FormItem>
		</mx:Form>
	</mx:VBox>
</mx:VBox>
 
<mx:StringValidator id="userNameValidator" property="text" required="true" source="{username}" 
		triggerEvent="click" trigger="{logonButton}"/>

puis que je ne remplis rien et clique sur le button logon, rien ne se passe, les textInput ne sont pas entoure de rouge (il le sont lorsqu'il n'y a pas de BorderSkin defini)

Le fait est que le BorderSkin semble cacher la partie qui devrait se mettre en rouge.. y'aurait il une parade ??
Toute reponse ou element de reflexion est la/le bienvenu(e) ! Merci !

[Jim_Nastiq]

je n'ai jamais fais de skin pour un textInput mais peut etre que le skin que tu as fait(récupéré?) ne tient pas en compte ce cas .
je ne suis surement pas très clair, donc prenons un exemple, le cas simple d'un bouton, pour redéfinir le skin d'un bouton il faut modifier les 4 états du bouton alors j'émet l'hypothèse que ton skin ne contient pas d'information pour un état particulier du textInput à savoir lors d'une validation(halo rouge).

Bon ce n'est qu'une idée qui me vient à l'esprit mais si ca peut t'aider...

[Gaaaga]

Merci pour ta reponse Jim_Nastic !

Alors je n'ai trouev aucun skin d'erreur ou autre skin en rapport avec la validation d'un stringValidator. Cependant je me suis un peu inspire de ca, et j'ai carrement code un changement de skin sur les event "valid" et "invalid" du TextInput, qui change le borderSkin en "textField" ou "textFieldError" et j'ai cree en flash un nouveau skin d'erreur "textFieldError"

Voilou...

[Juliennnn]

Allo gaaaga,

Tu peux expliquer un peu plus en detail comment t'as fais Gaaaga?

Merci

[Gaaaga]

pas de soucis juliennnn,

voila le code du composant que j'utilise a present :

Code :

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
<?xml version="1.0" encoding="utf-8"?>
<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml" 
	initialize="changeSkin(this)"
	invalid="changeSkinError(this)" valid="changeSkin(this)" 
	maxChars="63"
	>
 
	<mx:Script> 
		<![CDATA[
			import mx.states.SetStyle; 
 
			[Embed(source="../../../assets/textField.swf", symbol="textFieldError")]public var borderSkinError:Class;
			[Embed(source="../../../assets/textField.swf", symbol="textField")]public var borderSkin:Class;		
 
			/**
			 * Change the borderSkin to the borderSkin error
			 * 
			 */									
			private function changeSkinError(textinput:TextInput) : void {
				textinput.setStyle("borderSkin", borderSkinError);
			}		
 
			/**
			 * Restaure borderSkin (without error)
			 * 
			 */									
			private function changeSkin(textinput:TextInput) : void {
				textinput.setStyle("borderSkin", borderSkin);
 
			}
		]]>
	</mx:Script>
 
</mx:TextInput>