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

Community Tip - Help us improve the PTC Community by taking this short Community Survey! 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

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.

Announcements

Top Tags