I am creating a paint dashboard that contains multiple bays (or containers). Within the container, I have 3 buttons, Air Quality, Water Quality, Paint Quality. When pressed a drop down appears using a folding panel. As of right now I am trying to have the Bay 2, Bay 3, etc. information drop down as well so the Bay 1 container is expanded in full view.
What I have going on right now is - the folding panel is going over container 2 (or bay 2) and that information is staying still. Instead it should be pushed down and the bay 2 information should be fully visible. When the user presses button in bay 2 that box box would also expand and so fourth.
Refer to the pictures attached- Dashboard-1 shows the container collapsed. Dashboard-2 shows it expanded with the containers below not being overlaid. How do I go about formatting this? Is there a widget that can help with this? Any advise would be great.
We're not clear on the requirement. In one comment, you indicated you wanted Bay 2 and 3 to be overlaid. But in another comment, it sounds like you're wanting Bay 2 and 3 to be pushed down in order to remain visible. Please clarify the need, and also provide the version of ThingWorx you are running.
That was created in Adobe XD as a design concept. I am wanting to replicate that action of it being pushed down. Hope that clarifies confusion.
Are you using a responsive or static mashup? If using responsive, we would expect the panels to be pushed down per your requirements.