Webstudio
Log in

Join the Webstudio community

Updated 6 months ago

CMS Collection - can I make one instance of a CMS collection of items styled differently?

At a glance

The community members are discussing how to create a project gallery with a grid layout, where some images have a 1:2 aspect ratio and need to span two columns. One community member suggests conditionally rendering two versions of the gallery items, binding the "show" setting to a condition. Another community member adds a "Featured" boolean field in their CMS and wonders if there's a way to bind that to a token or something that adds/removes the CSS property "grid-column-end: span 2;". However, a third community member notes that for now, the only option is to render two boxes with different styles and conditionally hide/show them.

CChrisso
Making a project gallery with a bunch of thumbnails. The gallery is a grid of 2 columns, but some of the images are better suited to a 1:2 aspect ratio, is it possible to make some span both of the columns and the others normal?
B
C
4 comments
BBogdan
You can conditionally render two versions. Just bind "show" setting to your condition.
CChrisso
Will give this a try - thanks @TrySound
CChrisso
I added a 'Featured' boolean field in my CMS and linked it to that, just wondering if there's a way to bind that to a token or something that adds / removes the CSS property grid-column-end: span 2;
What would be best practice?
BBogdan
For now you can only render two boxes with diffrrent styles and conditionally hide one and show another with "show" setting
Add a reply
Sign up and join the conversation on Discord