Layout tabella, riga Layout tabella e cella Layout tabella

Layout tabella, riga layout tabella e cella layout tabella creano una sezione che include altre viste e le visualizzano in una struttura simile a una tabella che può essere configurata utilizzando attributi HTML.
Nota: queste viste sono diverse dalle viste Tabella e Tabella dati di servizio .
La riga di layout della tabella e la cella di layout della tabella non hanno alcuna opzione di configurazione. Invece, è possibile utilizzare gli attributi HTML colspan e rowspan per specificare come viene visualizzata una vista cella di layout di tabella in un layout di tabella. Per queste visualizzazioni, è necessario utilizzare la stessa struttura di una tabella HTML:
  • Le viste delle righe del layout di tabella vengono inserite all'interno di una vista del layout di tabella.
  • Le viste delle celle del layout di tabella si trovano all'interno della vista della riga del layout di tabella.
Specificare gli attributi HTML nella scheda delle proprietà Attributi HTML .
Nota: il layout di queste viste non è WYSIWYG nel designer.

Proprietà di configurazione

In Configurazione, impostare o modificare le proprietà di configurazione per la vista.

Dimensione schermo
Una proprietà di configurazione che ha l'icona Dimensioni schermo Icona Dimensioni schermo accanto al nome proprietà può avere valori differenti per ciascuna dimensione schermo. Se non si imposta un valore, la dimensione dello schermo eredita il valore della dimensione dello schermo successivo più grande come valore predefinito.
Definizioni del tema
Le definizioni dei temi specificano i colori e gli stili per una vista e ne determinano l'aspetto. È possibile visualizzare l'anteprima dell'aspetto delle viste nell'editor del tema. Consultare Temi.

Le proprietà di configurazione dell'aspetto per il layout Tabella sono mostrate nella seguente tabella:

Tabella 1. Proprietà di configurazione dell'aspetto per il layout Tabella
Proprietà di configurazione dell'aspetto Descrizione Tipo di dati
Spaziatura bordo Specifica la spaziatura tra le celle in unità pixel. String
Compressione bordi Specifica una delle seguenti impostazioni per lo spazio tra le celle:
  • Separa: aggiunge uno spazio tra le celle.
  • Comprimi: nessuno spazio tra le celle.
 String

Esempio

Per visualizzare due viste Testo in una struttura di tabella:
  1. Aggiungere una vista Layout tabella.
  2. Inserire una vista di riga del layout di tabella nella vista Layout di tabella.
  3. Inserire due viste cella Layout tabella all'interno della vista riga Layout tabella.
  4. Inserire una vista Testo in ciascuna vista della cella di layout della tabella.
  5. Facoltativamente, impostare la proprietà Spaziatura dei bordi su 25e la proprietà Compressione dei bordi su Separate per aggiungere spazio tra le celle.
È inoltre possibile utilizzare più viste di righe di layout di tabella e di celle di layout di tabella all'interno di una vista di layout di tabella e utilizzare gli attributi HTML colspan e rowspan per estendere le celle su più di una colonna o riga. Ad esempio:
  1. Aggiungere una vista Layout tabella.
  2. Inserire tre viste di riga del layout Tabella all'interno della vista Layout tabella.
  3. Inserire tre viste cella Layout tabella nella prima vista riga Layout tabella aggiunta al passo 2.
  4. Inserire una vista cella del layout di tabella nella seconda vista della riga del layout di tabella aggiunta al passo 2.
  5. Inserire due viste cella Layout tabella nella terza vista riga Layout tabella aggiunta al passo 2.
  6. Negli Attributi HTML della prima cella nella prima riga, aggiungere l'attributo rowspan, impostarlo su 3e inserire una vista Switch all'interno della cella.
  7. Inserire una vista Pulsante nella seconda cella della prima riga.
  8. Inserire una vista del codice QR all'interno della terza cella della prima riga.
  9. Negli attributi HTML della cella della seconda riga, aggiungere l'attributo colspan, impostarlo su 2e inserire una vista Selezione singola all'interno della cella.
  10. Inserire una vista Selezionatore data nella prima cella della terza riga.
  11. Inserire una vista dell'area di testo nella seconda cella della terza riga.
Il risultato è un layout simile alla seguente immagine.

Metodi

Per informazioni dettagliate sui metodi disponibili per il layout Tabella, la riga del layout Tabella e la cella del layout Tabella, consultare l'API Layout tabella, Riga layout tabellao Cella layout tabella JavaScript .

Ulteriori risorse

Per informazioni su come creare un coach o una pagina, consultare Creazione di coach.
Per informazioni sulle proprietà standard (Generale, Configurazione, Posizionamento, Visibilitàe Attributi HTML), consultare Visualizza proprietà.