Skip to main content

Grid

The grid view displays vault files as cards in a grid. The grid will expand to as many columns as the screen size allows.

When you have a URL property and have configured the URL property setting, a link button will appear in the grid card. Clicking the link will open the URL in a new browser tab.




---
url: https://images.pexels.com/photos/15238854/pexels-photo-15238854/free-photo-of-ruins-of-ancient-greek-amphitheatre.jpeg?auto=compress&cs=tinysrgb&w=800
---

Properties

When you have a text property and one of the custom property settings configured, a text property button will appear in the grid card.

When you click on a property, the search view will open and filter by that property.




---
comments: Went here in 2019
---


Tags

Tags are displayed for a markdown file. When you click on a tag, the search view will open and filter by that tag.





By default, tags are loaded from both the tags property and the body of a markdown note. To display tags only from the tags property, you may disable the load tags from body setting.

Cover image

By default, the grid card will display a gray background with a file icon as a placeholder.

Cover image placeholder

Image file

If a vault file has an image extension, the file image will be displayed as the cover image.

Cover image sources

The cover image sources setting is used to configure cover image loading. The order of the sources determines how cover images are loaded.

Consider the default sources:

For these sources the plugin will:

  1. Look for a wiki link or URL in the image property. If the property isn't configured, the property doesn't exist, or no link is found, then move on.
  2. Look for a wiki link or URL in the URL property. If the property isn't configured, the property doesn't exist, or no link is found, then move on.
  3. Look for a wiki link or URL in any other property in the frontmatter. If no other properties exist, or no link is found, then move on.
  4. Look for for first internal embed or external embed in the body. If no link exists, then move on.
  5. Display the placeholder

Example wiki link

---
image: [[seagull-bird-animal-nature-162992.jpeg]]
---

Example URL

---
url: https://images.pexels.com/photos/162292/seagull-bird-animal-nature-162292.jpeg?auto=compress&cs=tinysrgb&w=800
---

Example internal embed

![[seagull-bird-animal-nature-162992.jpeg]]

Example external embed

![](https://images.pexels.com/photos/162292/seagull-bird-animal-nature-162292.jpeg?auto=compress&cs=tinysrgb&w=800)

Social media image

A non-image URL may have a social media image. This is a public image that repesents the link on social media sites.

When the load social media image setting is enabled, the plugin will make a GET request to the image URL and look for a social media URL. If a URL is found, the image will be loaded and the URL will be cached for future access.

Example non-image URL

---
url: https://vaultexplorer.com
---

Example social media URL

https://vaultexplorer.com/img/social-card.png

Cached social media image URLs expire after 1 week.

You may force an update to the social media image by clearing the social media image cache.