Allow users to change list appearance

Erin Moore asked on June 12, 2017 16:52

Hello, I need to allow users to make a selection in the UI that allows them to switch between a "list" view and a "tile" or "card" view of content in a basic repeater. I can build both transformations, but don't know how to allow users to switch between them.

Ideally I would like them to be able to click an image button mimicking the type of view, but a radio selector would be fine also.

I have searched and been unable to come up with an answer. I think that perhaps it is fairly simple, but I don't know the right terminology to look for.

Thanks for your help.

-Erin

transformations repeater

Correct Answer

Charles Matvchuk answered on June 12, 2017 17:58

Use a tabs layout with two tabs. Put the list in the first one and put the tiles in the second one. You can style the tabs as you desire. This will give you the effect you are looking for.

0 votesVote for this answer Unmark Correct answer

Recent Answers

Erin Moore answered on June 12, 2017 18:56

Thank you Charles, I knew I was over-complicating things.
It may be a little complicated by the fact that we have a custom filter (which I did not build) feeding the repeater, But maybe not. I am marking your answer as correct, since you answered the question I asked, and will start a new thread if I need more help.

-Erin

0 votesVote for this answer Mark as a Correct answer