Skip to main content
E
einsfeldleo1-Visitor
1-Visitor
January 14, 2020
Solved

Alignmente Value Display - Twx 8.5.1

  • January 14, 2020
  • 2 replies
  • 1918 views

Hi everyone!

 

I'm beginner to thingworx and I'm having very difficult to configure a value display widget.

 

I was able to bind a data on value display and it is having worked well.

 

My problem is:

 

How to configure the color, text, font, alignment that value display?

 

Below is the picture of my mashup with value display and its configurations:

 

Geral Editor.JPG

 

And below is the picture of my mashup in mode run:

 

Geral Rodando.JPG

 

It's possible to realize the wrong alignmente and I already tried to create a "Style Theme" and it don't work.

 

Can anyone help me with this alignment issue?

 

Regards

Leonardo

Best answer by raluca_edu

Hi,

 

There is an issue already reported with value display, please see here: https://www.ptc.com/en/support/article?n=CS319193

For center alignment, you can use following custom CSS:

.widget-ptcsvaluedisplay
{
text-align: center !important;
}

 

Hope it helps,

Raluca Edu

2 replies

P
PaiChung22-Sapphire I
22-Sapphire I
January 14, 2020

There are style themes that are basically CSS layers/definitions

but for just the value display for starters it might be easiest to just set the Style Definition in the properties to one that you want.

Something I think that might be called ValueDisplayStyle and it has a painter's palette as the icon.

http://support.ptc.com/help/thingworx_hc/thingworx_8_hc/en/index.html#page/ThingWorx%2FHelp%2FComposer%2FVisualization%2FStyleandStateDefinitions.html

 

raluca_edu
raluca_edu17-PeridotAnswer
17-Peridot
January 14, 2020

Hi,

 

There is an issue already reported with value display, please see here: https://www.ptc.com/en/support/article?n=CS319193

For center alignment, you can use following custom CSS:

.widget-ptcsvaluedisplay
{
text-align: center !important;
}

 

Hope it helps,

Raluca Edu

C
cmorfin19-Tanzanite
19-Tanzanite
January 17, 2020

@einsfeldleo  Additionally, there is another issue reported at https://www.ptc.com/en/support/article?n=CS316985.

 

The article shows a workaround using Style Scheme to address the color, though the Custom CSS solution presented by Raluca should also work in theory for color too.

Terms & ConditionsAccessibility statement