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

How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

Newbie

How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

Hi - had a customer ask if a runtime mashup UI could be created to enable drag & drop UI widgets of their choice (already wired up at design time) to create their own dashboard layout and save it as a personalised view. Obviously this is what is possible at design time, but in this use-case a standard non technical user wants to personalise their dashboard UI view.

Any ideas folks? Has anyone done this in their solution?

6 REPLIES 6

Re: How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

This is possible. We have a couple of widgets that support drag and drop ​within the widget. ​We used JQuery .on() to attach the appropriate handlers for 'dragstart' and 'drop' to the elements we wanted and it worked fine. We did have trouble using the .draggable() method, but since that didn't give us anything much superior to the .on() approach we didn't pursue it. We haven't tried dragging between widgets.

Re: How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

Andrew, what you want to use is a "Dashboard". This is a widget on your mashup. It enables the exact same features you have described. More information on how to use it can be found on ThingWorx documentation.

Re: How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

Hi Tiago, thanks for the heads-up on the Dashboard widget use. Unfortunately, there is scant guidance on the PTC TW support help file content on how to use the Dashboard widget, or do things like persist a specific user's sub-layout in a Dashboard. It seems to show it allows a user to add gadgets - from the standard design-time gadget palette? How would these be exposed at runtime only?

Highlighted

Re: How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

Andrew, users can only add gadgets during runtime. They can only add gadgets that you make available to them on a Gadget Library. They can not add widgets from the design-time palette. The Gadget Library is just another mashup that gets added to the Dashboard using the Dashboard property "MashupToAddGadget".

Re: How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

How to stop the Overlap in Mashup

Hi

  Can you please tell me how to stop the Overlap in Mashup,I mean i have created dashboard, in dashboard the gadget overlap so i have to stop the overlap


  tell me Please

Re: How to enable user customizable (drag & drop) UI widgets on a runtime mashup?

Hi David/AnyOne,


Could you please help me, how to implement that feature in our widget.

I am very new on thingworx platform.

I am creating an application and i have a requirement for a widget which has some functionality at run time.

I just wanted to bind data to that widget in composer and placed at one position and when i go to run our application Drag that Widget and placed at our choice and save that widget location.

i have already posted as a new post, link is given  How to Create Drag-able UI Widget at Run Time ?

i have already followed lot's of document but stuck at this point.

If any one have some idea around this Please help me from scratch (step wise step) and share screenshot.

Thanks,

Ram Avadh Maurya