Use viewports for forms

Magento Commerce only

The content on this page is for Magento Commerce only. Learn more

In this topic, we create a content type form field that can accept different values for different breakpoints.

[Add link to example branch in repo]

[Insert diagram]

[Describe creating the additional tablet and mobile-small forms for the the min-height field of the existing Row. Also show how you can add breakpoints to new fields and other existing fields]

  1. Define a viewport.
  2. Add viewports to the content type configuration.
  3. Add forms and layouts for viewports.
  4. Add CSS for form icons and tooltips.
  5. Add SVG images for form icons.

Step 1: Define a viewport

Step 2: Add viewports to content type configurations

Step 3: Add forms and layouts for viewports

Step 4: Add CSS for form icons and tooltips

Step 5: Add SVG images for form icons

Summary