Skip to main content
1-Visitor
March 24, 2022
Solved

Responsiveness of the Containers

  • March 24, 2022
  • 1 reply
  • 793 views

Is it possible to make the containers more responsive, such that, if a graph above and/or beside is blank, then it should be able to fill in that position, thereby not leaving a blank space and making the mashup look better than to have a weird blank space beside and/or below/above it. imagine, you have used 4 graphs in a mashup, but only the left top and the right Bottom has data. we can simply just make the two data filled graphs cover the area rather than having 2 massive blanks, which will be very bland at a UI/UX perspective

Best answer by TonyZhang

Hi @BP_10210965,

 

I think there's no OOTB function that can achieve this. 

Please submit your idea in https://community.ptc.com/t5/ThingWorx-Ideas/idb-p/thingworxideas

 

As a workaround, you can try writing a custom service to check whether your graph contains data or not.

If not, set the respective graph's container's CustomClass to "empty" for example.

Then in the CustomCSS, apply below code:

.empty {

      display: none;

}

 

1 reply

TonyZhangCommunity ManagerAnswer
Support
March 29, 2022

Hi @BP_10210965,

 

I think there's no OOTB function that can achieve this. 

Please submit your idea in https://community.ptc.com/t5/ThingWorx-Ideas/idb-p/thingworxideas

 

As a workaround, you can try writing a custom service to check whether your graph contains data or not.

If not, set the respective graph's container's CustomClass to "empty" for example.

Then in the CustomCSS, apply below code:

.empty {

      display: none;

}