Skip to content

Dataview Snippet To Show Notes In Different List Views

Notifications You must be signed in to change notification settings

peterbaker/Obsidian-Notes-List

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 

Repository files navigation

Obsidian-Notes-List

Dataview Snippet To Show Notes In Different List Views

Story

All Obsidian users switched from some other note-taking programme (such as Evernote, Apple Notes, Standard Notes, Bear Notes) to Obsidian. When switching, many users lack a list of all notes with a small excerpt of the text and, if applicable, a thumbnail image. This Dataview snippet makes it possible to retrofit this missing view with a single line of code. All that is needed is the Dataview plugin.

Setup

  1. Install "Dataview Plugin" from the external plugins

  2. Create a new folder called "notesList" or any other name and paste the files "view.js" and "view.css" into it

    Bildschirm­foto 2022-10-16 um 14 25 00
  3. Create a new note or edit an existing one and add the following code line:

    ```dataviewjs
    dv.view("notesList", {pages: "", view: "normal"})
    ```
    

    If you paste the main files (js/css) into another folder then "notesList", you have to replace the name between the first quotation marks.

  4. There are 2 different variables to set path/location as "pages", list view style as "view".


pages:

pages: ""

Get all notes in obsidian.

pages: "Notes/Theology"

Set a custom folder to get notes from.


view:

view: "normal"

List view with small text preview and a preview of all attachments below like in Bear.

view: "compact"

List view with small text preview and a preview of the first attachment inside the note.

view: "cards"

List view with small cards of each note including small text preview and a preview of the first attachment inside the note.


Impressions

Normal View

Bildschirm­foto 2022-10-16 um 14 16 45


Compact View

Bildschirm­foto 2022-10-16 um 14 17 41


Cards View

Bildschirm­foto 2022-10-16 um 14 18 18

About

Dataview Snippet To Show Notes In Different List Views

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 59.0%
  • JavaScript 41.0%