cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. X

Alignmente Value Display - Twx 8.5.1

einsfeldleo
11-Garnet

Alignmente Value Display - Twx 8.5.1

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

1 ACCEPTED SOLUTION

Accepted Solutions

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

View solution in original post

3 REPLIES 3
PaiChung
22-Sapphire I
(To:einsfeldleo)

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

 

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

cmorfin
19-Tanzanite
(To:raluca_edu)

@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.

Top Tags