Discussion :

[MarwenGafsi]

Salut mes amis,
je travaille avec EXT JS. j'ai créé un tableau et je l'ai ajouté des éléments commme ca :

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
 
var     items = new Array ();
	items.push ({
        layout      : 'form',
        border      : true,
        borderColor : 'white',
        bodyStyle   : 'padding:0px 5px',
        columnWidth : .135,
        items       : new Ext.form.Label ({
            cls         : 'x-form-field',
            text        : '',
            width       : 170
        })
    });
	for (i = 0; i < texts.length; i ++)
	{
	    items.push ({
            layout      : 'form',
            border      : false,
            bodyStyle   : 'padding:0px 5px',
            columnWidth : columnWidth [i],
            items       : new Ext.form.Label ({
                cls         : 'x-form-field',
                text        : texts [i],
	            width       : 170
            })
	    });
	}

j'ouvre l'application avec FireFox.
le problème est que si je place border = false et text du premier élément à ' '(

Code :

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

1
2
3
4
5
items       : new Ext.form.Label ({
            cls         : 'x-form-field',
            text        : ' ',
            width       : 170
        })

, les éléments vont être décalés à gauche mais si je remplis le text,

Code :

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

1
2
3
4
5
items       : new Ext.form.Label ({
            cls         : 'x-form-field',
            text        : 'xxxxxxxxxxxxxx',
            width       : 170
        })

cava ca marche bien ils sont loin du gauche
Comment dépasser ça?
Merci

[abraxis]

Bonjour,

Je suis sur d'avoir bien compris...
Si tu veux décaler le label tu peu utiliser "labelWidth" avec lequel tu pourra "éloigner" ton élément du label.
Sinon tu peu utiliser "labelStyle" pour mettre du CSS ^^