What's new in Customer Journeys?

Connect and learn more!
How to create a responsive list view with a list item layout for small devices — Cloud Customer Connect
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

How to create a responsive list view with a list item layout for small devices

Accepted answer
15
Views
2
Comments

Content (please ensure you mask any confidential information):

I attempted to implement multiple columns in the list view, but I encountered difficulties in displaying two or three columns on small devices. I introduced a JavaScript function named "isSmall" to selectively prevent specific columns from being shown on small devices.

The displayed image below is from the Jet Cookbook demo, and I am interested in attempting or showcasing something similar.


Code Snippet (add any code snippets that support your topic, if applicable):

I created the provided code snippet in JavaScript to ensure that columns are not displayed on mobile devices.

isSmall() {

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!