Certified OmniStudio Consultant

By Salesforce · Question Mode

QuestionQ36

VerifiedOmniStudio User Interface

A consultant is asked to display products installed at an account site in a customer's 360° FlexCard view. The business requires the widths of displayed fields to vary based on the device used to view the FlexCard. For example, the Product Name and Model field elements must display at full width on mobile devices, but shrink to 60% on devices such as laptops and desktops.

How should the consultant design the FlexCard to meet this requirement?

Explanation

FlexCard field elements can be made responsive in the Style panel and assigned different widths for each viewport breakpoint. This supports full-width fields on mobile viewports and narrower widths, such as 60%, on laptop and desktop viewports without duplicating the FlexCard or creating device-specific states.

Learn more

Community Discussion

No comments yet. Be the first to start the discussion!