avatarNuno Campos

Summary

Nuno Campos has updated his Obsidian Home Dashboard and Projects Dashboard to include a calendar feature, enhancing the visualization of tasks and projects with a Tasks Calendar plugin that provides weekly and monthly views.

Abstract

In a recent update to his Obsidian setup, Nuno Campos has integrated a much-needed calendar feature into his Home Dashboard and Projects Dashboard. This addition is aimed at providing a visual overview of tasks and projects, with the Tasks Calendar plugin offering both weekly and monthly views. The plugin is sourced from GitHub and requires specific setup steps, including downloading view.js and view.css files and adding custom code to the note. Campos demonstrates the new calendar views and explains how to configure the plugin to fit individual needs, such as setting the first day of the week, specifying task locations, and choosing from different style options. The article also provides a link to the complete documentation on GitHub and invites readers to explore previous parts of the "My Obsidian Setup" series.

Opinions

  • The author, Nuno Campos, believes that the addition of a calendar to the dashboard fills a previously missing element, making the dashboard more functional.
  • Campos finds the Tasks plugin's views great but suggests that the visual representation of tasks on a calendar enhances the dashboard's effectiveness.
  • He appreciates the customization options provided by the Obsidian-Tasks-Calendar plugin, including different calendar views and style choices.
  • Campos encourages readers to support his work by becoming Medium members or by following his referral link to join Medium.

My Obsidian Setup (Part 29) — Home Dashboard Update

Something was missing from my dashboard, and I finally found what it was: a calendar. So, I just did an update to my Home Dashboard and also to my Projects Dashboard.

Here’s what it looks like now:

My home page Dashboard. Image by Nuno Campos

So I now have the following areas:

Shortcuts

My Dashboard: Shortcuts. Image by Nuno Campos

Tasks Info and Shortcuts

My Dashboard: Tasks. Image by Nuno Campos

Projects Status and Progress

My Dashboard: Projects. Image by Nuno Campos

PKM Activity History

My Dashboard: PKM Activity History. Image by Nuno Campos

Last Files Created or Changed

My Dashboard: Latest Files Created/Modified. Image by Nuno Campos

I’ve already shown how to create these areas here:

Now I’ve added a Tasks Calendar view:

My Dashboard: Tasks Calendar Monthly View. Image by Nuno Campos
My Dashboard: Tasks Calendar Weekly View. Image by Nuno Campos

Setup

This calendar view is using Obsidian-Tasks-Calendar. The views available with the Tasks plugin are great, but adding a quick visual of our tasks on a weekly or monthly calendar makes our Dashboard even better.

To use this plugin, download from the plugin's GitHub view.jsand view.css, and copy them to a folder on your vault. Next, add the following to your note:

```dataviewjs
await dv.view("tasksCalendar", {pages: "", view: "month", firstDayOfWeek: 1, options: "style1"})
```

If you copied the files into another folder then the default tasksCalendar, you have to replace:

await dv.view("Resources/tasks-calendar", {pages:...

You can also set a specific location for the tasks:

pages: '"Task Management/Work"'

Or use dv.pages:

pages: "dv.pages().file.tasks.where(t => t.tags.includes('#Pierre'))"
pages: "dv.pages().file.tasks.where(t=>!t.checked && t.header.subpath != 'Log')"

To set the default month or week view (the plugin has a button to switch between week and month):

view: "month"
view: "week"

Set the first day of the week (0=Sunday, 1=Monday):

firstDayOfWeek: 1
firstDayOfWeek: 0

Style Options:

You can select between different style options (style1, style2, …) to change the look of the weekly calendar view.

options: "style1"

These are the main settings. You can check the complete documentation on the GitHub page.

My current Dashboard:

```dataviewjs
await dv.view("05 Resources/00-scripts/tasksCalendar", {pages: "", view: "month", firstDayOfWeek: 1, options: "style3"})
```

And for each project page I have the same setup, but:

{pages: "path-to-the-project-folder"

You can read the previous parts of My Obsidian Setup series here:

Click here to be notified every time I publish a new story 😉.

If you’re not a Medium member yet and wish to support me or get access to all my stories, click here.

Programming
Obsidian
Notes
Notetaking
Technology
Recommended from ReadMedium