It is currently 9 June 2025, 7:55 Advanced search

SetStyle Tabbed View - RISOLTO

Domande e risposte su come utilizzare Instant Developer Foundation al meglio

SetStyle Tabbed View - RISOLTO

Postby fguarnera@gway » 23 April 2024, 15:09

Ciao a tutti,

non riesco a far funzionare la setStyle. E` ancora utilizzabile su Foundation 23.0 con Zen e Fluid?

Grazie
Last edited by fguarnera@gway on 29 April 2024, 8:58, edited 1 time in total.
User avatar
fguarnera@gway
 
Posts: 66
Joined: 12 August 2013, 8:21
Location: Roma

Re: SetStyle Tabbed View

Postby d.pierangeli » 29 April 2024, 7:17

No, è una proprietà resa obsoleta dall'introduzione della proprietà CSS Class.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 8129
Joined: 30 September 2010, 15:35

Re: SetStyle Tabbed View

Postby fguarnera@gway » 29 April 2024, 7:27

Ho la necessità di "colorare" le linguette della tab in modo indipendente, nello specifico a colori alternati.
Come posso settare colore di testo e sfondo su una specifica linguetta?
Mi sembra che la proprietà CSS Class sia a livello Tabbed View.
User avatar
fguarnera@gway
 
Posts: 66
Joined: 12 August 2013, 8:21
Location: Roma

Re: SetStyle Tabbed View

Postby fguarnera@gway » 29 April 2024, 8:29

ho provato a "puntare" le singole linguette, ma per ottenere il risultato devo forzare il refresh della pagina manualmente, ogni volta che la videata viene aperta torna alle impostazioni di default.
Questo il contenuto della customf.css (per ora le Tab 1 e 3 possono andar bene di default):

Code: Select all
/* ---------------- Tab 2---------------- */
#\32 gg_ > ion-tabbar > a:nth-child(3)[aria-selected=true] {
  background-color: rgb(36, 119, 179);
  color: #ffc125;
}
#\32 gg_ > ion-tabbar > a:nth-child(3)[aria-selected=false] {
  background-color: #b4ddba;
  color: grey;
}
#\32 gg_ > ion-tabbar > a:nth-child(3):hover {
   color: yellow;
   background-color: red;

}
/* ---------------- Tab 4 ---------------- */
#\32 gg_ > ion-tabbar > a:nth-child(5)[aria-selected=true] {
  background-color: rgb(36, 119, 179);
  color: #ffc125;
}
#\32 gg_ > ion-tabbar > a:nth-child(5)[aria-selected=false] {
  background-color: #b4ddba;
  color: grey;
}
#\32 gg_ > ion-tabbar > a:nth-child(5):hover {
   color: yellow;
   background-color: red;
}
User avatar
fguarnera@gway
 
Posts: 66
Joined: 12 August 2013, 8:21
Location: Roma

Re: SetStyle Tabbed View - RISOLTO

Postby fguarnera@gway » 29 April 2024, 8:58

Trovato l'arcano, sbagliavo il puntamento dell'elemento.
User avatar
fguarnera@gway
 
Posts: 66
Joined: 12 August 2013, 8:21
Location: Roma


Return to Tips & Tricks - Foundation

Who is online

Users browsing this forum: Majestic-12 [Bot] and 44 guests