J'ai besoin d'aide pour styliser les composants FormItem dans Flex

Question

J'ai un formulaire que je voudrais styler. spécifiquement je voudrais chnage la couleur d'arrière-plan de l'étiquette de l'article de forme. (L'attribut backgorundColor change l'étiquette et la couleur de fond entrées)

-à-dire

 

<mx:Form> 
    <mx:FormItem label="username:"> 
     <mx:TextInput /> 
    </mx:FormItem> 
</mx:Form> 
 

Je voudrais faire l'étiquette avec « nom d'utilisateur: » avoir une couleur d'arrière-plan, mais ont l'entrée de texte encore soit la couleur de fond par défaut.

est-ce possible avec un FormItem?

Answer 1

Un objet de formulaire a un objet qu'il utilise pour afficher l'étiquette appelée FormItemLabel, cet objet a pour objet de pouvoir styler le libellé d'un élément de formulaire.

flex 2 pour changer le style que vous pouvez essayer:

FormItemLabel { 

} 

Cependant, j'ai regardé sur le flex 2 lang ref et il ne semble pas que vous pouvez changer la couleur d'arrière-plan de l'étiquette. Click here for lang ref link

Si vous utilisez Flex 3 de la manière souhaitée pour changer l'étiquette du FormItem est à travers les FormItem labelStyleName

FormItem { 
    labelStyleName: newStyle; 
} 

Cependant, je ne crois pas une fois de plus, ils ont ajouté la possibilité de changer la couleur de fond de l'étiquette elle-même. Click here for lang ref link

Le meilleur choix d'action si cela est requis serait d'étendre la classe formitem, sauf si quelqu'un d'autre a des idées.

Hope this helps ...

Answer 2

Essayez d'utiliser les explorateurs de style flex pour créer votre style désiré:

• Flex 3 Style Explorer

• Flex 2 Style Explorer

je TextArea dans l'explorateur de style et formaté la couleur de fond qui a donné la sortie css suivante:

TextArea { 
    backgroundColor: #0000ff; 
} 

Vous pouvez modifier ce qui suit pour inclure en vous stylesheet:

.formLabel { 
    backgroundColor: #0000ff; 
} 

Puis dans la balise FormItem:

<FormItem label="Label" styleName="formLabel" /> 

Plus d'informations sur les feuilles de style Flex: Flex Style Sheets

Ces exemples montrent que vous pouvez déclarer des styles dans les balises Style mxml plutôt qu'une feuille de style externe si vous le souhaitez.

Answer 3

Comme je vois problème "se bloque sans réponse" pendant deux ans ...et j'ai exactement besoin de la même fonctionnalité - une couleur de fond différente pour l'étiquette.

J'utilise Flex3. J'ai essayé le fond de formulaire - cela change tout le formulaire. Ensuite essayé FormItem - si vous avez seulement une entrée de texte - il couvre l'arrière-plan, mais si vous avez peu de boutons, l'écart entre eux est également de la même couleur. Vous avez ensuite besoin de HBox supplémentaire avec un autre arrière-plan. Et il n'y a pas non plus d'espace entre l'arrière-plan Label et le contrôle d'entrée.

Je ne souhaite pas réécrire le contrôle FormItem.

Semble que je devrais utiliser le style de mes ancêtres: Grille au lieu de formulaires et GridItem au lieu de FormItem. Ensuite, vous pouvez styler chaque cellule dans n'importe quelle couleur. : o (