Joomla.it Forum
Non solo Joomla... => Sviluppo => : bigham 14 Nov 2008, 22:36:55
-
Ciao a tutti!
Devo inserire dei tabs in un componente per visualizzare (nel frontend) delle informazioni in forma tabellare.
Ho seguito quanto riportato nella documentazione (http://docs.joomla.org/How_to_use_the_JPane_classes_in_a_component)ufficiale. Niente di più semplice.
Il problema è che i tabs non si vedono e si vedono solo le etichette, i titoli dei tab per capirci. Forse l'immagine quì sotto vi chiarirà cosa voglio dire.
(http://img241.imageshack.us/img241/2074/tabsyf5.th.jpg) (http://img241.imageshack.us/my.php?image=tabsyf5.jpg)
I titoli dei due tab, Informazioni e Accessori, vengono visualizzati verticalmente e senza la grafica che si si aspetterebbe.
Però sono perfettamente funzionanti.
Cosa mi sono dimenticato?
Perchè non vengono visualizzati orizzontalmente?
-
Come sempre, appena chiedo aiuto..... trovo da solo la soluzione! ;D ;D
E' solo un problema di css. Ovvero nel foglio di stile del template non ci sono le classi per dare forma e grafica ai tabs.
Così sono andato a guardare nel foglio di stile del template lato amministrazione (backend) e ho trovato questo:
/* tabs */
dl.tabs {
float: left;
margin: 10px 0 -1px 0;
z-index: 50;
}
dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-left: 3px;
background: #f0f0f0;
color: #666;
}
dl.tabs dt.open {
background: #F9F9F9;
border-bottom: 1px solid #F9F9F9;
z-index: 100;
color: #000;
}
div.current {
clear: both;
border: 1px solid #ccc;
padding: 10px 10px;
}
div.current dd {
padding: 0;
margin: 0;
}
L'ho copiato e incollato nel foglio di sitle del template e... Magia!!! Sono comparsi i tab! ;D ;D ;D
E' dire che ci h o sbattuto due giorni! E la soluzione era la più semplice.
Bravo!! Grazie!!
(si, sono esaurito! ;D ;D)