Cards

A manual list page

Cards

Content

  • Subheading
  • Heading
  • Columns
    • 1-3
  • Card
    • Image
    • Size (doesn't work?)
    • Heading
    • Summary (rich text)
    • Button?
      • Button text
      • Link internal/external

 

Example

You can see this module in use at the bottom of the page. Note that this example is from a blog module, where the width is narrower than on standard website pages.

Here’s how it will appear on a webpage - with different styling options:

Improvements

Something is "missing"...
Is there a way to enhance this module? At the moment, it feels a bit flat and dull.

Button - Link
It should be possible to open in a new window.

Image size
Is it possible to hide this option? It doesn’t work as expected because the template overrides the settings. For example, if you manually adjust the width to 100px, the image is first reduced to 100px and then scaled again to match the template’s size. The result is a blurry image.

See what happens if we change the image on the left to 100px.

From this
To this:


Module in use (blog post)

This is a small heading

3 Columns - Purple

This is a small heading

2 columns - Orange

 

 



You can add this module in:

How can we help?

We’re here for every step of your employee journey. From intuitive software for people management to hands-on learning programs and expert support from our legal team — we've got you covered.

Vector Get HR news straight to your inbox

Stay updated on HR, leadership, and work life. Choose between our Norwegian and Swedish newsletters.
Get HR updates

Vector Need a hand? We’re here to help!

Find FAQs, release notes, and more in our Support Center. We're here for you!
Go to support