Enlever le padding d'un Content Pane

Bonjour, je cherche à insérer une image dans le titre d'un Content Pane et que cette image prenne tout l'onglet. Malheureusement, il y'a toujours une marge disgracieuse que je n'ai pas réussi à enlever :calim2:

http://img41.imageshack.us/img41/6893/testyb.png

Pour l'image verte, j'aimerai qu'il n'y ai pas tous ces pixels de padding

voila le bout de code:

Code:

---

1 2 3

var moduleConnect = new dijit.layout.ContentPane({ title : "<img src='./jsp/images/icon_connect.png'>", });

---

Merci de m'aider à régler ce problème rageant

Salut,

Tu utilises le ContentPane pour quel composant ? TabContainer, TitlePane, ... ?
Et quelle version de Dojo ?

ERE

Salut,

j'utilise le ContentPane pour un TabContainer.

Niveau version j'utilise la 1.2.1.

Salut,

En v1.2 tu es effectivement obligé d'insérer une image comme tu l'as fait (pas en 1.3). Pour supprimer le padding, à toi de modifier la class CSS dijitTabInnerDiv qui est celle qui met du padding (6px 8px 5px 9px).

ERE

Merci pour ta réponse,

J'avais en effet penser à cette solution mais elle a l'inconvénient de modifier tous les ContentPane que j'utilise sur mon projet.

N'est-il pas possible de forcer le style seulement pour ce ContentPane particulier ?

Re,

Citation:

---

Envoyé par Jere3110

Merci pour ta réponse,

J'avais en effet penser à cette solution mais elle a l'inconvénient de modifier tous les ContentPane que j'utilise sur mon projet.

N'est-il pas possible de forcer le style seulement pour ce ContentPane particulier ?

---

1. Je ne crois pas que ce soit le contentpane qui possède les onglets (car les onglets sont à part dans le template)
2. tu peux définir un CSS du style
   Code:

   ---

   #monIdOnglet dijitTabInnerDiv {padding:0 }

   ---

   qui cible la règle uniquement pour l'id donné et ne s'applique donc pas à tous les onglets de tous tes TabContainers

ERE

Salut, encore merci de prendre le temps de m'aider.

A la lecture de ta réponse, j'ai essayer de suivre ton exemple:

Code:

---

1 2 3 4 5 6

var test=1; var moduleConnect = new dijit.layout.ContentPane({ id:test, title : "<img src='./jsp/images/icon_connect.png'>" });

---

Code:

---

1 2 3 4 5 6 7 8

.tundra .dijitTabInnerDiv { padding:4px 6px 3px 7px; }   #test dijitTabInnerDiv { padding:0; }

---

Mais j'ai pas encore obtenu de résultat, le ContenPane avec l'id: test ne prend pas le style. Qu'est ce que j'ai mal fait ? :?

Salut,

test doit certainement être l'id du TabContainer, pas du ContentPane. Et test est une chaine de caractères, pas un nombre.

ERE