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.