Streaming live at 10am (PST)

Need help getting CMS rows to alternate class


#1

I’m currently updating my client’s website to use a CMS collection for employee bios rather than individually formatted rows. One roadblock I’m finding is that webflow doesn’t have any built in options for alternating formatting on CMS lists.
This is the current WIP page:

I’d like it to be formatted like this:

When I was individually placing, odd items were given some subclasses to format them differently. Right-aligned list items were class “List Entry” whereas Left-aligned items were class “List Entry” with subclass “Alt”. That’s how I did the formatting in the past, but how can I translate this to webflow’s CMS system?


Here is my site Read-Only: LINK
The page in question is “Our Team CMS”


#2

Hi @winterdrake

You may be able to achieve this build by adding a switch field. Then you can have two copies of each element on for the left oriented and one for the right. You can bind both instances to the same content but style them differently.

From there you can use Conditional Visibility to show / hide the content depending on the switch position.

Hope that helsp :slight_smile:


#3

I was able to get this to work by using a switch field named “odd entry”, however this feels like it would mean I have to manually re-order employees and switch the “odd entry” field anytime I want to add a new employee. The whole reason I switched over to CMS was so that I could use the filtering tools to order employees by rank and name, and make adding them easy with the CMS form. If I have to order and format them individually myself, then there isn’t much of a point in me having CMS hosting.

Is there a way to do this while maintaining my sort settings? When I looked for this on Google, it seemed that other people had success with custom CSS.


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.