Provides a set of templates for content "View Modes" that are typically used (some of them) in each website.
In VMI ~3.0.0
Available View Modes and Layouts:
Impressed cards:
- Impressed card - xlarge.
- Impressed card - large.
- Impressed card - medium.
- Impressed card - small.
- Impressed card - xsmall.
Featured cards:
- Featured card - xlarge.
- Featured card - large.
- Featured card - medium.
- Featured card - small.
- Featured card - xsmall.
Text cards:
- Text card - large.
- Text card - medium.
- Text card - small.
Overlay cards:
- Overlay card - xlarge.
- Overlay card - large.
- Overlay card - medium.
Hero cards:
- Hero card.
In VMI ~2.0.0
Available View Modes and Layouts:
Vertical media
- Vertical media teaser - xlarge.
- Vertical media teaser - large.
- Vertical media teaser - medium.
- Vertical media teaser - small.
- Vertical media teaser - xsmall.
Horizontal media
- Horizontal media teaser - xlarge.
- Horizontal media teaser - large.
- Horizontal media teaser - medium.
- Horizontal media teaser - small.
- Horizontal media teaser - xsmall.
Text teaser
- Text teaser - large.
- Text teaser - medium.
- Text teaser - small.
Touts
- Tout - xlarge.
- Tout - large.
- Tout - medium.
Hero
- Hero xlarge.
Requirements
- A Bootstrap 4/5 theme or sub theme.
- Display Suite module.
- Display Suite Extras module.
- Field Group module.
- Smart Trim module.
Example Site Building steps
Making use of this module, by following the listed steps:
- Given that the "View Modes Inventory (VMI)" module was enabled
- And a "Content type" was created to utilize the view modes available from VMI
- And the "Content type" has a "Title field"
- And a "Body field"
- And an "Image field named (field_image) " or "Video field named (field_video) or "Media field named (field_media)""
- When the "Manage display" under the Default view mode been visited
through theadmin/structure/types/manage/[CONTENT_TYPE_NAME]/displaylink - On the "Custom display settings" tab link
- The list of ready View Modes Inventory (VMI) will be listed
- On selecting a View Mode for a Content type then saving
- The list of enabled View Modes with auto mapped fields with their layout and settings will be ready configured out of the box.
Watch this YouTube video for a quick tips
This module is sponsored and developed by Vardot.
Supporting organizations:
Initial building, ongoing maintenance and development
Project information
- Project categories: Content display, Content editing experience
- Ecosystem: Varbase - The Ultimate Drupal CMS Starter Kit (Bootstrap Ready), Vardoc: Knowledge Base System and Documentation Site
621 sites report using this module- Created by mohammed j. razem on , updated
Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
Releases
4.0.0
released 11 February 2026
released 11 February 2026
Works with Drupal: ~11.3.0
Install:
Development version: 4.0.x-dev updated 6 Dec 2025 at 18:51 UTC
3.0.5
released 16 December 2025
released 16 December 2025
Works with Drupal: ~10.6.0 || ~11.3.0
Install:
Development version: 3.0.x-dev updated 6 Dec 2025 at 18:49 UTC
8.x-2.22
released 16 December 2025
released 16 December 2025
Works with Drupal: ~10.6.0 || ~11.3.0
Install:
Development version: 8.x-2.x-dev updated 6 Dec 2025 at 18:47 UTC
