Skip to main content
M
MT_107195746-Contributor
6-Contributor
July 4, 2023
Solved

Widget (gadget type)

  • July 4, 2023
  • 2 replies
  • 1579 views

Hi,

Does anyone know whether or not this widget can be found in Thingworx? 

I have checked through the help files on widgets & not able to find one. Explored Gauge or slider widget, not able to change it per what shown in below picture.

if this is not a generic widget, any suggestions on how to create it? 

 

MT_10719574_0-1688463194002.png

thanks

Best answer by slangley

Hi @MT_10719574.

 

When you looked at the gauge widget did you play around with the settings?  For example, you can set the Aperture to 180 to display an angle similar to your example.  Then set the ReferenceAngle to 270.  From there, you can play around with the Style settings to get it closer to the image you desire. For example, the needle can be removed by setting a null to remove the color so it is no longer visible.

 

Here's the link to the Help Center for the gauge widget that may be helpful. 

 

Regards.

 

--Sharon

2 replies

R
RK_100623756-Contributor
6-Contributor
July 4, 2023

Hi @MT_10719574 , since you mentioned you explored Gauge or slider widget, but were unable to customize it as per you use case. Can you please elaborate on this?

 

I could identify a third-party implementation of the gauge widget which seems similar to your use case. More details can be found at GitHub - cbadici/thingworx-canvasgauge-widget: [Unofficial/Not Supported] HTML5 Canvas-based Gauge (improved rendering speed+lighter DOM) .

 

Regards.

Roshan

S
slangleyCommunity Manager
Community Manager
July 10, 2023

Hi @MT_10719574.

 

Another option would be to contract with one of our partners, such as IQNOX.com, for creating a widget tailored to your needs.

 

Regards.

 

--Sharon

    S
    slangleyCommunity ManagerAnswer
    Community Manager
    July 20, 2023

    Hi @MT_10719574.

     

    When you looked at the gauge widget did you play around with the settings?  For example, you can set the Aperture to 180 to display an angle similar to your example.  Then set the ReferenceAngle to 270.  From there, you can play around with the Style settings to get it closer to the image you desire. For example, the needle can be removed by setting a null to remove the color so it is no longer visible.

     

    Here's the link to the Help Center for the gauge widget that may be helpful. 

     

    Regards.

     

    --Sharon

      M
      MT_107195746-ContributorAuthor
      6-Contributor
      July 21, 2023

      Hi Sharon,

      thanks for the suggestion. I used Progress Gauge Widget and change the gauge and style setting and it works fine. 

      Terms & ConditionsAccessibility statement