Back to top

Autore Topic: [RISOLTO] Usare la classe JPane in un componente  (Letto 1677 volte)

Offline bigham

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
[RISOLTO] Usare la classe JPane in un componente
« il: 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 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.



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?

« Ultima modifica: 14 Nov 2008, 23:10:36 da bigham »
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

Offline bigham

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
Re: Usare la classe JPane in un componente
« Risposta #1 il: 14 Nov 2008, 23:09:56 »
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:
Citazione
/* 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)
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

 



Web Design Bolzano Kreatif