topic Re: How to add multiple widgets in Responsive Mashup? in ThingWorx Developers

How to add multiple widgets in Responsive Mashup?

pobi — Thu, 24 May 2018 05:19:25 GMT

Hi, I'm completely new to ThingWorx, seeking advise from PTC Community.

On a Responsive Mashup, is it possible to add two widgets? i.e. List and Map.

As soon as I add either one, it fills the whole space (container) and I'm unable to add the second widget. I've tried the following, but it'll return me an error message - "There is already a responsive widget in this container... you can only have one widget in a responsive container".

Add first widet
Select and Cut above
Add second widet
Select current mashup on Mashups list (to deselect second widget)
Paste

Is there a way to have multiple widgets in responsive mashup?

Re: How to add multiple widgets in Responsive Mashup?

nbansal — Thu, 24 May 2018 05:49:01 GMT

Hi,

Please follow below mentioned steps:

1. Create a mashup with layout options selected as 'Responsive'.

2. Open 'Design' tab of mashup, select 'Layout' widget, drag and drop it to the mashup while selecting required design of layout i.e. required number of rows/columns. In your case you can select 2 columns in 'Horizontal' layout category.

3. Now you will see 2 responsive columns in the mashup and you can add 1 widget in each column. (You can further add 'Layout' widget to each column also to modify the structure of mashup further if needed.)

Hope this helps!

Thanks.

Re: How to add multiple widgets in Responsive Mashup?

Rick-Stanley — Thu, 24 May 2018 12:20:42 GMT

Here is a tutorial on controlling the placement of widgets on responsive mashups:

https://developer.thingworx.com/resources/guides/layout-widget-guide

Re: How to add multiple widgets in Responsive Mashup?

pobi — Thu, 24 May 2018 18:05:24 GMT

Re: How to add multiple widgets in Responsive Mashup?

pobi — Thu, 24 May 2018 18:04:38 GMT

Thank you alsmith!