Container responsive on a mashup and stretch when one of the widget is made visible false

[sbt]

I have a container with 3 graphs one below the other with vertical orientation and responsive. attached image for reference and i am using Thingworx 9.1.

When i make the middle graph visible false automatically the graph from the bottom is coming up to the top.

How do i set the configuration in such a way that, if i make the middle one visible false, the top and bottom should auto use the space created by the middle one , since its made to visible false.

Thank you.

[BABA-SHYAM]

Hi,

You better device this container in more child container (vertically). Now put these 3 in each of those container. Now if you are making middle one invisible, that space is going to be there and bottom one won't come up.

Regards

Shyam

[sbt]

Hello,

I do not want to create that void space when the middle one is invisible, i want to utilize the middle space by the top and bottom graph equally. Its like if 3 graphs are present one after the other, 1st and 3rd  should utilize 1/3 of the space  and middle the rest. But if middle is invisible then both 1st and 3rd should utilize the space created by the middle.

Thank you for your reply.  

[BABA-SHYAM · Accepted solution]

Ok, then try to create expandable container. when middle one is hidden make the container collapse too. That would help.

[sbt]

Thank you, I think it makes absolutely sense putting them in a container. The only challenge what i am facing is i cannot make all the three container expandable.

[BABA-SHYAM]

that depends on which version if thingworx you are using. IN latest version, you can have expand button on all 3. And yest for hover functionality, you need complete javascript access which PTC restricted from verison 8. So not possible.

Regards

Shyam

[sbt]

We are currently using 9.1.5 but i cannot make expand on all 3. attached a sample mashup.

[sbt]

Another quick question since its related to expanding of the containers. Is there a possibility where we can expand/collapse the container on mouse hover . Or do you have any suggestion on the best way to achieve it. 

Thank you!