Discussion :

[alain31tl]

Bonjour

Lorsque je dépose des controls ( Combobox, checkbox, etc...) dans Tabnavigator par exemple, il m'est impossible depuis design de les positionner à ma guise.
J'ai essayé également avec un autre navigator, tel que Accordion, et meme punition.

Je me demande ( sous réserve) si ce ne sont pas les balises <mx:FormItem> qui encadrent les controls qui sont "capricieuses" (??).

Avez-vous, svp, une idée ou un conseil à suivre pour pouvoir les manipuler sans souci.
Merci à vous
Cdt

[Jim_Nastiq]

je pense que tu parles du layout. Seul les container Application et Canvas ont un layout absolu, tous les autres ont un layout vertical ou horizontal.
Je te conseille donc d'ajouter un Canvas comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<mx:TabNavigator width="300" height="500">
    <mx:Canvas width="100%" height="100%">
    </mx:Canvas>
</mx:TabNavigator>

et ajouter tes controles dans le canvas

[alain31tl]

Merci pour cette suggestion, cependant, celà ne change pas grand chose, je ne peux pour autant les manipuler.
De plus en utilisant un canvas, les "Label" des formulaires sont invisibles.
Les onglets du TabNavigator sont visibles, mais pas les titres ( Nouveau & Observations).l

Code (sans les attributs des éléments) :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:TabNavigator width="400" height="240">

<mx:Canvas width="100%" height="100%">
<mx:Form label="Nouveau" icon="@Embed(source='img/aa1.png')">
<mx:ComboBox></mx:ComboBox>
<mx:NumericStepper/>
<mx:NumericStepper/>
<mx:TextArea width="366" height="56"/>
</mx:Form>
</mx:Canvas>

<mx:Canvas width="100%" height="100%">
<mx:Form label="Observations" width="100%" height="100%">
<mx:TextArea width="366" height="119" id="comments"/>
</mx:Form>
</mx:Canvas>

</mx:TabNavigator>
</mx:Application>

En définitive, les choses se compliquent encore plus en encadrant le tout d'un canvas.

[Jim_Nastiq]

ce sont les premiers enfants du tabnavigator qui donne le nom aux onglets :

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
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:TabNavigator width="400" height="240">

   <mx:Canvas label="Nouveau" width="100%" height="100%">
      <mx:Form icon="@Embed(source='img/aa1.png')">
         <mx:ComboBox></mx:ComboBox>
         <mx:NumericStepper/>
         <mx:NumericStepper/>
         <mx:TextArea width="366" height="56"/> 
      </mx:Form>
   </mx:Canvas>

   <mx:Canvas label="Observations" width="100%" height="100%">
      <mx:Form width="100%" height="100%">
         <mx:TextArea width="366" height="119" id="comments"/>
      </mx:Form>
   </mx:Canvas>

</mx:TabNavigator>
</mx:Application>

[alain31tl]

Merci pour ta patience e tes suggestions, il n'en demeure pas moins qu'on ne peut toujours pas positionner les controls à sa guise ( Onglet design), et dans ton cas de figure.
Impossible de les repositionner où l'on souhaite.

C'est pas mal Flex mais d'une autre philosophie, je pensais que c'était plus intuitif sous réserve d'en connaître toutes les ficelles, en fait on ne remplacera pas notre bon vieux html, avec lequel il fallait 10 minutes pour ce faire.

[Jim_Nastiq]

honnetement Flex est bien plus efficace que HTML pour designer sa vue
suffit de connaitre et surtout comprendre les layouts des composants du framework et utiliser les contraintes (top, bottom, left, ...)