Bonjour,
donc j'ai un souci avec un tab panel, et des icônes que je n'arrive pas à faire apparaitre dans les boutons.
Je vous mets le code car je ne parviens plus à prendre du recule pour y arriver.
En vous remerciant :
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
29
30
31
32
33 Ext.onReady(function() { new Ext.TabPanel({ tabBar:{ dock : 'top', layout :{ pack : 'center' } }, cardSwitchAnimation : 'cube', height : 1000, renderTo : 'universe', sortable : true, items :[ { html : 'test1', cls : 'card', iconCls : 'more' },{ html : 'test2', cls : 'card', iconCls : 'info' },{ html :'test3', cls : 'card', iconCls : 'download' }], }); )}
voila le css :
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 .more { -webkit-mask-box-image:url('../img/logo_groupe1.png'); width : 20px; height : 20px; } .info { -webkit-mask-box-image:url('../img/logo_groupe2.gif'); width : 20px; height : 20px; } .download { -webkit-mask-box-image:url('../img/logo_groupe3.png'); width : 20px; height : 20px; }
Partager