Overlapping elements using X

[MCC]

Good afternoon everyone. Is it possible to create overlapping elements within Cornerstone/X? I’ve mocked up what I’m trying to achieve roughly (the image may end up as a video, but the same thought applies) and was wondering if this is even something that we can do? I’ve always worked in Cornerstone sticking quite strictly to the columnar layout that it enforces, and this would seem to break that, but if it’s possible I’d really like to get it working.

I’ve got a feeling it’s going to involve adding custom classes to lots of different elements, but if someone could point me in the right direction I’d really appreciate it.

[friech]

Hi @MCC,

Thank you for writing in, the overlapping of columns can be done with a negative margin value and z-index

But the positioning of the overlap column will require a custom CSS (Flexbox)

You can use this demo as your reference. Or you can import it if you have a Pro license.

Design Cloud

Hope it helps,
Cheers!