English
Instant Developer Foundation Documentazione
  • Reference Librerie
  • Oggetti UI
  • Libreria Tabbed View

Set Style

procedura copia link

Scopo

Imposta un diverso stile grafico per una determinata linguetta (se uguale a 0 viene utilizzato lo stile predefinito). Tramite questa funzione sarà possibile modificare l'aspetto grafico di ogni singola linguetta.

Sintassi

TabbedView.SetStyle(page index, style index)

Argomenti

Page Index È un numero intero rappresentante l'indice della linguetta per cui si vuole cambiare lo stile, utilizzare la funzione Me del pannello o dell'oggetto visuale contenuto per ottenere il valore.
Style Index È un numero intero rappresentante l'indice identificativo dello stile da utilizzare. 0 indica lo stile predefinito.

Esempio di codice

// ****************************************************************************
// Nell'evento di On Change Row del panel Clienti imposto una caption diversa
// nel panel Ordini, personalizzandola per il cliente correntemente selezionato.
// ****************************************************************************

event Clienti.Clienti.OnChangeRow()
{
  // Se il cliente è valido cambio caption e style del tab ordini
  if NOT(IsNull(Clienti.IdCliente))
  {
    // Scrivo nel debug la caption precedente
    EsempiGL.DTTLogMessage(FormatMessage(Caption precedente: |1,
      ClientiTabbed.GetCaption(Ordini.Me()), ??, ??, ??, ??), ??, ??)
    // 
    // Imposto la caption del tab ordini personalizzandola secondo il cliente
    // correntemente selezionato e scelgo uno stile a caso.

    ClientiTabbed.SetCaption(Ordini.Me(), FormatMessage(Ordini di |1,
      Clienti.NomeSocietaCliente, ??, ??, ??, ??))
    ClientiTabbed.SetStyle(Ordini.Me(), ToInteger(Random(??) * C2))
    // 
    // Scrivo nel debug quale stile è stato impostato

    EsempiGL.DTTLogMessage(FormatMessage(Stile impostato: |1,
      ClientiTabbed.GetStyle(Ordini.Me()), ??, ??, ??, ??), ??, ??)
  }
}
  • Gli stili utilizzabili per le linguette degli oggetti Tabbed View sono contenuti nel file iw.css e custom.css; le classi CSS da utilizzare sono TabView, SelTabView, TabLeft, TabRight, SelTabLeft e SelTabRight. Per poter utilizzare degli stili differenti dallo stile predefinito occorre creare le relative classi CSS nel file custom.css, e mettere il file custom.css nella directory custom dell'applicazione.
  • Le classi TabView, TabLeft e TabRight specificano rispettivamente gli stili da utilizzare per la parte centrale del tab, per il bordo sinisto e per il bordo destro. Vengono utilizzate per rappresentare i tab non selezionati.
  • Le classi SelTabView, SelTabLeft e SelTabRight corrispondono alle classi sopra citate ma per il tab correntemente selezionato.
  • Per creare un nuovo stile occorre creare tutte le classi personalizzate e terminare il nome di ognuna di esse con il valore dell'indice. Ad esempio la classe che identifica il bordo sinistro di un tab selezionato e con lo stile numero 1 è SelTabLeft1.

Ultima modifica: 23/03/2021 / Validità: da 6.5.2680

Vedi Anche

  • Random (funzione)
  • Get Style (funzione)
  • Format Message (funzione)
  • Scarica il file di esempio custom.css

Hai trovato utile l'articolo?

Grazie per il feedback!

Ti serve altro aiuto?

Consulta il Forum