Dashboard Installation and Setup
- A dashboard can be created within an Obsidian vault using a CSS snippet titled "Dashboard++," which was developed by a community member named TFT hacker. 0s
- No prior knowledge of CSS is required to implement the dashboard, as the process only necessitates the use of a simple text editor. 25s
- To access the CSS snippets folder, navigate to the Obsidian settings menu, select "Appearance," and click the folder icon located at the bottom of the page. 35s
- The snippets folder is located within the hidden ".obsidian" directory inside the vault's root folder; on macOS, hidden files can be revealed by pressing command-shift-period. 48s
- The "dashboard.css" file must be retrieved from the project's repository, which recently received an update to resolve a CSS conflict caused by a Dataview update. 1m15s
- After copying the CSS code into a text editor, the file should be saved as "dashboard.css" and moved into the Obsidian snippets folder. 1m40s
Configuring Dashboard Appearance
- Once the file is placed in the snippets folder, it must be enabled within the Obsidian settings under the "Appearance" tab. 2m6s
- A new page, such as one named "home," must be created to house the dashboard, and a YAML header containing "cssclass: dashboard" must be added to the top of the file to apply the snippet's styling. 2m18s
- The dashboard requires specific markdown content, which can be copied from the project's repository, to be pasted into the new page to render the visual elements in preview mode. 2m45s
- Disabling the "Readable line length" setting in the Obsidian editor menu allows the dashboard content to expand across the width of the screen, improving the visual layout. 3m5s
- To maintain a wide margin on the dashboard while keeping the "Readable line length" setting enabled for the rest of the vault, a specific CSS snippet named "dashboard-readlinelank.css" must be added to the Obsidian snippets folder. 0s
- After placing the CSS file in the snippets folder, the user must toggle "Readable line length" back on in the editor settings and enable the snippet within the appearance settings. 15s
Dataview Query Implementation
- The dashboard layout is constructed in edit mode using a header followed by lists and sublists, which automatically expand to the right when viewed in preview mode. 35s
- The dashboard includes pre-configured DataviewJS queries for recent file updates, favorited files, and vault statistics. 55s
- To ensure DataviewJS queries function correctly, the Dataview plugin must be installed, and both "Enable JavaScript queries" and "Enable inline JavaScript queries" must be toggled on in the Dataview settings. 1m8s
- The "recent file updates" query displays a list of modified notes, which updates dynamically when a note is edited and the dashboard is refreshed. 1m25s
- The query parameters can be customized by modifying the code in edit mode, such as changing the limit number to display more or fewer notes. 1m45s
- The search scope of the query can be restricted to a specific folder by adding the folder name into the query parameters. 2m5s
- The query can also be filtered by tags, allowing the dashboard to display the most recent notes associated with a specific tag, such as "weekly review." 2m25s
Customizing Dashboard Queries
- The dashboard can be configured to display the most recent notes in the vault by leaving the query parameters blank 0s.
- A favorites query can be implemented to display notes tagged with a specific label, allowing for quick access to files currently in use 8s.
- Users can modify the tag specified in the query settings within edit mode to change which notes appear in the favorites list 25s.
- Dataview queries can be used to count the total number of pages in the vault or to count pages within specific folders, such as "family/recipes" or "journal/weekly" 34s.
Enhancing Dashboard with Plugins
- The Banners plugin allows users to add a header image to a page by installing the plugin, uploading an image to the vault, and using the command palette to set the banner 1m5s.
- The Banners plugin automatically inserts a YAML header into the note, and the image position can be adjusted manually by dragging it 1m35s.
- Banner height can be customized within the Banners plugin settings to accommodate different screen sizes 1m47s.
- The Homepage plugin enables users to set a specific note as the default page that opens automatically when Obsidian is launched 2m0s.
- Within the Homepage plugin settings, users can specify the default view mode, such as reading view, and ensure that Dataview queries are rendered correctly upon opening 2m13s.
- A hotkey can be assigned through the Obsidian settings menu to provide a quick shortcut for navigating back to the designated homepage 2m32s.
Dashboard Navigation and Resources
- A dashboard can be accessed from any location within an Obsidian vault by pressing the command H keyboard shortcut. 0s
- Users interested in further automating their vault can refer to a specific playlist that covers various automations created using the Dataview plugin. 5s
- The code snippet utilized for these dashboard functionalities was created by TFT hacker. 12s
