ThingWorx Custom Widgets

Forum|Forum|2 years ago
February 5, 2024
1 reply
1929 views

Hi,
I would like to create my own custom widget, but I'm a bit overwhelmed.

I've seen there are different options to create a widget (e.g. with Eclipse, with Polymer or Lit, ...)

Does anyone have experience with this topic and can tell me how to best start and which variant is the best? I thought it would be best if I could integrate existing ThingWorx widgets (buttons, ...).
Unfortunately I didn't find much information about it, and almost no current information.

And are there any example projects or finished projects for custom ThingWorx widgets somewhere?

Thank you!

Best answer by Rocko

Web Components SDK comes packaged as Utility and Library, Both do have markdown files for instructions, and you can look into the existing widgets in the library. But it needs an understanding of Polymer. If you don't have this skillset yet, it might be easier to start learning widget creation without the SDK first and then work your way forward.

https://community.ptc.com/t5/IoT-Tips/Create-A-Mashup-Widget-Extension-Part-1/ta-p/830911

The documentation of the SDK can help you get started with the Lit/Polymer stack.

https://support.ptc.com/help/thingworx_hc/visual_sdk/

EDIT: This also contains a getting started guide: https://support.ptc.com/help/thingworx_hc/visual_sdk/Tutorial/CreatingWebComponentWidgetTutorial/

Same for LIT: https://support.ptc.com/help/thingworx_hc/web_component_sdk/Tutorial/CreatingWebComponentWidgetTutorial.html

B

bchaudhary_448008

5-Regular Member

Hello @VG_10732813 ,

We have received a similar query earlier and here i am sharing you the thread.

https://community.ptc.com/t5/ThingWorx-Developers/Custom-widget/m-p/806925#M58868%3Fsource=search

Hopefully this will resolve your problem. Kindly share if you have any further questions.

Regards

Bhawna

V

VG_10732813

Author

6-Contributor

Hello @bchaudhary_448008 ,

Thank you for your reply.

I already saw this thread. But are there any examples for a ThingWorx component with Lit or Polymer? I want to reuse the existing ThingWorx components like ptcs-button, ...

I've downloaded the ThingWorx Webcomponent SDK, but for now I can't really get a connection between Lit and ThingWorx and can't build the component for TWX. And I can't find any example projects or a detailed guide.

Rocko