Propiedad CustomClass
En los mashups y muchos otros widgets se proporciona una propiedad CustomClass en el panel de propiedades. El valor tiene delimitado el espacio para pasar varias clases CSS.
La propiedad CustomClass está disponible para todos los widgets que soportan CSS personalizada y el valor se aplica al elemento div de la caja. Algunos widgets en los que se ofrece la propiedad CustomClass son los siguientes:
Botón
Casilla
Rótulo
Botón de opción
Cuadro de texto
Área de texto
Lista
Imagen
Marco Web
Navegación
Vínculo
Filtro de datos
Rejilla
Corredera
Mashup contenido
Repetidor
Panel
Mashup
Esquema (Layout)
Gráfico de burbujas
Gráfico de eventos
Gráfico de rótulos
Gráfico circular
Gráfico de proporcionalidad
Gráfico de rangos
Gráfico de serie temporal
Tablero
Exportación de datos
Selector de fecha y hora
Línea divisoria
Selector de entidades
Conjunto de campos
Carga de fichero
Panel de combinación
Indicador
Pantalla LED
Botón de cierre de sesión
Cuadro de texto con máscara
Menú
Entidad numérica
Visualización de propiedades
Acceso remoto
Shape
Fichas
Fichas: dinámicas
Nube de etiquetas
Selector de tiempo
Árbol
La propiedad CustomClass también es enlazable. El valor lo actualizan dinámicamente los servicios, los parámetros de mashup y otros widgets.
Extensiones CSS
Los ficheros CSS se pueden añadir a ThingWorx a través de extensiones. Si se incluye CSS en el fichero metadata.xml, la CSS se combina en la CSS de tiempo de ejecución combinada.
También se puede añadir objeto CustomClass a los widgets de extensión. Se puede añadir la propiedad al JavaScript del IDE del widget, como se indica a continuación:

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
},
Defina isBindSource e isBindingTarget en verdadero para permitir cambios dinámicos de tiempo de ejecución en el objeto CustomClass.
Es posible definir isLocalizable en verdadero, pero la propiedad no funciona con tokens de localización.
¿Fue esto útil?