Discussion :

[Jere3110]

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



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

voila le bout de code:

Code :

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

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

[emmanuel.remy]

Salut,

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

ERE

[Jere3110]

Salut,

j'utilise le ContentPane pour un TabContainer.

Niveau version j'utilise la 1.2.1.

[emmanuel.remy]

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

[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 ?

[emmanuel.remy]

Re,

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 :

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

   #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

[Jere3110]

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 :

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

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 :

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

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 ?

[emmanuel.remy]

Salut,

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

ERE