Proprietà CustomClass
I mashup e molti altri widget forniscono una proprietà CustomClass nel pannello delle proprietà. Il valore è delimitato da spazio per essere trasmesso in più classi CSS.
La proprietà CustomClass è disponibile per tutti i widget che supportano il CSS personalizzato e il valore viene applicato al div della finestra di contenimento. Di seguito sono riportati alcuni widget che offrono la proprietà CustomClass.
Pulsante
Casella di controllo
Etichetta
Pulsante di opzione
Casella di testo
Area di testo
Elenco
Immagine
Frame Web
Navigazione
Link
Filtro dati
Griglia
Dispositivo di scorrimento
Mashup incorporato
Ripetitore
Pannello
Mashup
Layout
Grafico a bolle
Grafico evento
Grafico con etichette
Grafico a torta
Grafico proporzionale
Grafico a intervalli
Grafico serie temporale
Dashboard
Esportazione dati
Selezione data e ora
Divisore
Selezione entità
Set di campi
Caricamento file
Pannello riducibile
Indicatore
Display a LED
Pulsante Disconnetti
Casella di testo mascherata
Menu
Entità numerica
Visualizzazione proprietà
Accesso remoto
Forma
Schede
Schede dinamiche
Tag cloud
Selettore intervallo
Albero
La proprietà CustomClass è inoltre associabile. Il valore viene aggiornato in modo dinamico da servizi, parametri di mashup e altri widget.
Estensioni CSS
I file CSS possono essere aggiunti a ThingWorx tramite le estensioni. Se è incluso nel file metadata.xml, il CSS viene unito al CSS di esecuzione combinato.
Anche la proprietà CustomClass può essere aggiunta ai widget di estensione. È possibile aggiungere la proprietà al JavaScript IDE del widget come descritto di seguito.

this.widgetProperties = function () {
return {
'name': 'My Extension Widget',
'description': 'Extension widget that was imported.',
'category': ['Navigation'],
'defaultBindingTargetProperty': 'Data',
'supportsAutoResize': true,
'properties': {
'CustomClass': {
'description': 'Custom Class',
'baseType': 'STRING',
'isLocalizable': false,
'isBindingSource': true,
'isBindingTarget': true
},
Impostare isBindSource e isBindingTarget su true per consentire modifiche di esecuzione dinamiche alla proprietà CustomClass.
È possibile impostare isLocalizable su true, tuttavia la proprietà non funziona con i token di localizzazione.
È stato utile?