For those having issues with the new obsidian version - turns out the obsidian update into 1.0 toggled off all the CSS snippets for plenty of users, make sure that wasn't the case with you!
Is there any solution for those having that issue? My CSS file is on the snippet folder but doesn't load on the appearance settings., thanks for the video, just getting started on obsidian!
@@mrkuramoto Thank you very, very much! Turning off the plugin Workspace Plus fixed my problem of the two CSS Snippets ("dashboard" and "dashboard-readlinelength") switching off in the Appearances settings every time I quit Obsidian. That was aggravating. Hate to lose Workspace Plus, though. It was great for saving the fussy set up of 3 kanban board panels. Now I'll need a fix for that. Hmmm.
One thing to note, when you enter --- you know get a drop-down and not a freeform editor like in this video; it's basically the same but it defaults to properties, and you just need to select cssclass and enter dashboard into and then cmd-e to toggle back to read-only mode and see the css change take effect. Slick tut Sergio, nice job.
Thanks! I now have a really great looking home page. I did end up removing the "Hompage" plugin as it overrides starting up using an Obsidian Url which I use to open specific pages from another app. Instead I installed the "Hotkeys for specific files" plugin and assigned a hotkey with that which works for me. Looking forward to your next video, always great content Sergio!
Thanks William and thanks for sharing what you did! I'm sure it'll help others in the future as well! And thanks for the kind words! I put a ton of effort into my videos and it's good to have it acknowledged! :) Next video will be up next week (sickness got the best of me this one!)
can we get an update on this dashboard ^^ ? seems when obsidian added metadata things the code pops over the banner or many things are totally displaced, i bet many like me who arent good with code trying to figure the things out
Great job! I clocked on this thinking "I'll watch but that's definitely not something I need." but by the end I'm pretty sure it's something I can use--in particular the queries. Thanks.
Question, why don't I have the separation lines? My dashboard flows vertically not horizontally like yours. I have been messing around with and can't get it to flow horizontally.
Separation lines are '___' three underlines in mark down. If it doesn't flow horizontally it means it doesn't work at all. Maybe u've missed some steps.
Instead of using the connection in plain text at the beginning of the file: --- cssclass: dashboard --- You need to use the "property" in the "text" format to connect the CSS file. Right-click on the title of the note and select "add file property". 2 columns will appear, write "cssclass" on the left side, and "dashboard" on the right
I have not been able to get the wide margins to work on my dashboard. I have tried removing other plugins and snippets but it just does not seem to work. The dashboard css works fine but the additional css for the margins is not activating
I'm having the same issue. I saw comments from other users that were able to solve this by changing their theme from a custom theme to the default, but changing themes has made no difference in my case.
Thank you for explaining everything as a follow-along video. I tried to use the same dashboard++ snippet and did every step as you instructed but even though I have copied the dashboard-ReadLineLength.css file from repo, it's not changing the appearance and even if I toggle off the Readable line Length in Obsidian, the appearance doesn't change, I would appreciate if you can help me out here. Again Thank you for all the precisely explained videos.
I can try! The first troubleshooting step would be to follow the steps on a new and empty vault. If it works (which it probably will) then the problem is in some configuration of your own vault. The next step would be to use another theme. Does it not work regardless of the theme? If so then I can only assume you have some settings enabled in the editor that are making a conflict, either that or some plugin/other snippet is causing a conflict. Hope that helps
I had the same issue after using textedit to transfer the css to the snippets folder. Repeated the process using sublime text and it worked beautifully. Thanks Sergio!
Thank you for some great content. I have been using Obsidian for the past 3 months but trying to create the dashboard only now. I am struggling to get the column view on the dashboard and I have checked everything - the css code, updates and any other plugin interfering but still no luck. Any help to resolve this is appreciated. Thank you!
I am also unable to get it working. I have double checked everything and tried this method on a brand new vault with no luck. Have you had any success since posting this comment?
@@gravitas_Academy not sure if I can be much help, but did you have the files named as "dashboard.css" and "dashboard-readlinelength.css", respectively? I had mine named as just "readlinelength.css" and it wouldn't work. To add to that, I just left the metadata as " --- cssclass: dashboard ---" instead of " --- cssclass: dashboard.css ---- " to get the right view. One more thing was I couldn't get the Minimal Theme Settings plugin to work with the view, but switching back to default theme worked.
I've tried everything I've seen suggested here to get the read line length snippet to work, even changing the file name to all lowercase, then back to camel case when that didn't work. The code snippets I used were last updated on 2023-08-07. I have been using the default theme, with default settings. Any help will be highly appreciated!
It seems to be working both for me and others. Maybe a misconfigured step? v1.0 toggled css snippets off but you said it isn't so I can't really of anything other than a misconfigured step?
Instead of using the connection in plain text at the beginning of the file: --- cssclass: dashboard --- You need to use the "property" in the "text" format to connect the CSS file. Right-click on the title of the note and select "add file property". 2 columns will appear, write "cssclass" on the left side, and "dashboard" on the right
I followed all the directions and the dashboard does not end up looking like what the video shows. The look of the content never changes from what I copy from git. Very discouraging. It's like the css classes are not right. I know css, I have googled, and have not found a solution for why this does not work.
Hey, all your tutorials are very useful so far, but I am having trouble here: When I put --- it forms a horizontal line and when I close the ---, it makes the text above it a type of header. Is there any way to fix this?
If you go to the very first line, with no spaces, and type "---" it should bring up a properties tab - from their you can select (rather than type) cssclasses and continue the steps.
I don't know if you've managed to solve it yet but at the obsidian forum, there's this one suggestion from Manu14 to hide the properties. This can be done by going to the settings, then under the editor section, there should be a "Properties in document", from the options there, select hide.
Excellent tutorial... straight to the point, good tips, plugins, and the solution was explained thoroughly, from the beginning to the end. Congratulations!
Just following up on this - turns out the obsidian update toggled off all of the CSS snippets for plenty of users, make sure that wasn't the case with you!
@FromSergio Could you please share the way you use to sync your vaults between different devices? The proprietary sync mechanism is simple and straightforward but too expensive in my opinion for the value it provides. And moreover, outsourced synchronization may not be a good idea if we talk about more or less sensitive data.
Hi Lynx, sure, I keep everything synced in my synology drive. Which itself has its own backups. Unsure if that helps! I made a video on this topic before. Feel free to check it out
@@FromSergio Luckily, I’m familiar with Synology solutions and moreover, I gonna build a media server soon on one of the Synology NAS. Somehow I missed your video about the topic, so thank you for the advice!
Yes!! It's like you're reading my mind bro. I am working on my own PKM system over obsidian, and the 3rd next items in my TODO list was finding a way to make a dashboard homepage. So you are (again) right on the spot. Nothing more and nothing less than what I exactly needed. Ahh I love to get notifications that you've uploaded a new video, very good job! Can't wait for you to read my mind again and upload just the next video I (don't know yet) I need hahaha 💪
@@FromSergio Great news ! Let me give you a heads-up: I'm kinda merging most of the TH-cam tutorials I've watched into a single PKM system (from the last year+). I've been thinking about it for 2+ years. In the first year I was learning Obsidian basics, just dropping all my notes and starting to get the habit of Obsidian. When I found your channel, all of your videos were very useful and gave me the starting point I needed to take my system to the next level. So as I'm learning how to develop/script in Obsidian, your videos are like oxygen to my lungs. It took a while, but I have now finished the first version of my system (maybe I'll make it a plugin someday). I can define template files for my metadata and a script takes it all and structures it accordingly, so when I create a new note it automatically knows how to fill most of the metadata fields following a hard-coded scheme built using dynamic template files. This allows me to set "metadata scheme" templates with sections and fields populated from other template files, so every notes folder can have its own scheme and my scripts will generate the dynamic template for that folder based on multiple section/fields templates for that folder. I hope I am clear enough. My current to-do was: 1) Adding breadcrumbs support to my meta scheme. 2) Define a template scheme for MOCs (dataview can be useful here). 3) Add a Dashboard home note with dataview queries based on my dynamic metadata template scripts (which populate the notes with dataview fields to add my PKM a DB layer). Later on, I am planning to use AI plugins for Obsidian to suggest potential relationships between the notes based on my dataview fields of the dynamic metadata schemes. A lot I know - but that's my roadmap basically, so you can read my mind better hahaha. Thanks again for all of your videos! Focused reference points - just add more!
@@tomer.nosrati Love this! Thanks for sharing your thoughts, i'm especially interested in the AI section! I know it takes time to set these systems up but they're so rewarding! Keep me updated on this for sure! As for reading your mind - although your plans do not directly align with the next video I think it'll be a "didn't know I needed this" type of video :) Again thanks for sharing looks promising :)
Good overview. But any workflow/process that depends on multiple plugins, custom css, new obsidian versions not breaking things etc, is going to need ongoing fixing as any/all of these things break over time. In many cases plugins are abandoned and your current wonderful workflow is completely broken for good. Too many people think plugins are the answer to every possible desire, the reality is much more frustrating and disappointing. (Speaking from experience, having used many plugins, addons, mods etc in many applications.) Also, no, learning to code yourself is NOT the answer. Plugins obviously exist to avoid the user needing to be a developer to customize the application to their needs.
Very valuable, thank you for yet another excellent video. Your guidance is really helpful, I managed to set up a tweaked version of this dashboard today. 🙏
Very helpful followed step-by-step, success! Thanks. Just wondering if there is any way to hide the YAML only in the home page note (I want it to show on all other notes)?
This just isn't working. It sees my css snippets folder, and "dashboard.css" is active. But when I paste in the source file for the home page I can't get anything other than a purely vertical layout. Edit, later: Ok, somehow your instructions are just overlooking something. I was able to download the dashboard creator's full sample vault, and that worked. So apparently there are some setting changes that were required, or some conflict with other plugins I had installed, or... something. At any rate, it wasn't as simple for me as your video made it look.
Boa tarde Serio! Na seçao final, sobre notas recentes, tags e status quando faço a adiçao no modo de leitura consta como "disabled; enable in settings" - qual ajsute é necessário para tal funçao?
I know I am late to this, but when I toggle the dashboard.css on, the dashboard works but all the other UI elements are broken and I cannot use the dashboard feature without turning it back on, obviously. Does anyone have a fix for this?
Thanks for the video! But are you aware of any recent problems with the ReadLineLength snippet addition? I followed the tutorial, but it doesn't seem to be working, even if I try it all over again. And I don't have any plugins that should interfere with it 🤔
Hey there... Instead of creating the css file, we can download the code directory in zip format by clicking on the green code button on the page provided and then unzip it. There you can find all the necessary files including dashboard, dashboard-ReadLineLength CSS files under the snippets folder and Dashboard++ mardown file in the main or base directory of the folder when unzipped. Thanks dear Sergio for this great video... When one enters the Obsidian business, the user eventually comes to the point where the need for the customized dashboard arises. The dashboard is a cozy place where you can place links to go to the important sections of your vault. There are a lot of other fancy dashboard guides out there e.g. The all-encompassing Obsidian homepage template (just google it) but the simplicity and "all text" criteria makes any dashboard fast, simple and nice. 📢📢📢
Thank you for your videos, these are very helpful. Just a suggestion: If you could keep your video (your camera frame) a bit smaller over the Obsidian screen, that would be very helpful to observe what's happening on the Obsidian.
Can you explain whats the difference between a "dashboard" and a "MOC" (Map of Content)? Am I right to catagorize a MOC as a specific type (structure) of a dashboard?
Hi Mark, sure I can share some thoughts on it, but definitely check out my video specifically on MOCs if you haven't yet :). I use both MOCs and the dashboard. The dashboard serves as my homepage. I have links to various MOCs in there as well as quick access links and links to specific pages that make sense for me at a specific time, as well as a bunch of dataviewJS. As I said in the video, I have dataviewJS on my list of videos for obsidian, which I intend to publish either early next year or late December. I also treat my dashboard as a MOC of MOCs with links to take me to all of my MOCs. As you said, a MOC can be a specific type of dashboard. There's no right or wrong way to use the dashboard, whichever works for you! :)
@@FromSergio Thanks for the kind reply. So the dashboard can be a HOME/Launchpad for all your MOC, if one is using the LYT system, is what you are saying, Understood. Also, the technology you used to build the dashboard would benefit from automatically collecting pages based on "tags" for building MOC. Is that what you are thinking the dataviewJS tool is useful for?
Hello Sergio, this is truly a great video, appreciate it mate. But with so much tasks, tweaks, tricks, projects to be done in a day, may I ask you, how do you prioritize what needs to be done and truly important in a given day? Can you make a video on how Obsidian can help with this process? Thanks a lot for your help in making Obsidian understandable.
Great question! use todoist as my daily planner, I have a video on it as well. Todoist runs pretty much every bit of my daily life. I know many people prefer to use obsidian for everything but I never saw the value in doing that for me personally. I use the free version of todoist and it is more than enough for me :)
@@FromSergio Oh I thought there was a process like a Eisenhower Matrix, calendar/planner or rating system in Obsidian. I have tried Todoist as well, but with all these Obsidian videos including yours, honestly made me think Todoist is an amateur. But I see your point, at the end of the day, the simpler the better to focus on the things you want to do, thank you.
@@chrish7589 I guess I made some mistake when I copied and inserted it in the file - I just copied it once more - not sure what did it, but it worked afterwards. Later I made some yaml/Frontmatter (space) error... I've made homepages since last century, so I know the importance of accuracy but this scripting was new to me
Hi, I have followed the tutorial to the dot and yet my dashboard is always vertical. Please help, if anyone could. I was so looking forward to setting this dashboard up.
Thank you so much for this video. In addition to enabling me to make a functional dashboard, it has introduced me to css. I have a question about the code for the file count. (Maybe you said what type it is - don’t remember.) The count does not match the Obsidian count. Do you know why that might be?
Hey Sergio, awesome video! I'm facing one problem when I try to put tracker blocks inside my homepage, because simply can't make them fit in columns. Everytime I tried, they always place so close as the yAxis merge with each other and make it really bad to use. I just can't make them a little distant enough to see the information of each one of this. Any idea to solve?
There's multiple ways to do this! Simply add an emoji there, you can use your OS such as CTRL + CMD + SPACE on mac. You can also use the obsidian emoji plugin. And my favorite of all is to use alfred (if you're on mac make sure to watch my alfred video!). Then you simply paste the icon and you're done!
Weirdly for me this dashboard looks the same in edit and view mode. Just a long list of bullet points which makes it not nearly as handy to glance at or see the overview. I'm not sure why that is, I'm using the default theme and don't have any exotic plugins installed.
OK solved this, something wasn't right with copy and pasting the CSS. Instead I just saved the raw file (click raw when viewing the dashboard.css) and put THAT in the proper folder. That fixed it. I'm guessing the mac text editor messed something up.
that's a great video it helped me a lot. I wish it would be possible to link to a folder and not just to a file in Obsidian - for me, a Dashboard would be very useful in that case
Hey Sergio, Thank you for great content. I've been using this for almost 6 months. Today, obsidian got a new update (v.1.5.11). The columns are gone and now we have much more rows instead. The home page seems so bad at the moment actually :D Have you had the same issue? Is there a way to fix it?
Just following up on this - turns out the obsidian update toggled off all of the CSS snippets for plenty of users, make sure that wasn't the case with you!
@FromSergio Figured this out - I capitalized Dashboard in the YAML (which actually how I saved it in Snippets. Obsdidian is persnickety about Case!). Thanks for your videos Sergio
Thanks for your videos. Im' literally going through everything you published. However I don't seem to get that nice table structure that is shown in the video. I've toggled that Readable Line Length thing. Any suggestions?
Great video! Really straight foward and helpfull, finally a clear guidance to a homepage. Am I missing something, like a plug-in or more info, because I couldnt really make multiple rows in each section like in the video! Can any living soul say the method or syntax for it? (got really close using an aditional plug in, "Multi-Colum Markdown", but kinda broke the bottom part, like the recent files)
Dragging Dashboard.css into Obsidian snippets folder as you describe I get error "The item “Dashboard.css” can’t be replaced because it’s invisible." Obsidian 1.4.16 on MacOS 14.1. Suggestions? Thanks;
hey hey, I have got an issue with the banner. as soon as I go for live preview the picture in the banner moves down behind the text... do you know what I could check?
If you set Obsidian up with loads of settings and plugins and then your computer dies and you have to download it again on your new computer, do you lose all the plugins and settings?
Also if you want it on two computers (work and personal) using Dropbox as the repository, and you want to customise plugins and settings, do you have to do it separately on both? Thanks!
Hi Lauren, depends on where obsidian is being hosted. If It's just on your local machine and nowhere else and your computer dies then yes all is gone. If it's somewhere like dropbox you can just downnload the obsidian folder into another machine and all will be as it was. As for customizing plugins the sync takes care of it , so 2(or more) computers have the same settings and plugins.
Hi, thanks for all your great and understanding videos. I'm new to Obsidian and just playing around with this dashboard. I wonder if you know how to hide the code at the top where you write the cssclass thing. It doesn't show up on my tablet but on my computer under the banner image. I really wanna make that section hidden. Thanks again for fantasic videos.
@@FromSergio Hi, i add the code above on the end of the dashboard.css and nothing change. If i add "visibility: hidden" in ".dashboard .markdown-preview-section" or ".dashboard" all is dissapered. Is there any solution to hide properties only on the home page?
For those having issues with the new obsidian version - turns out the obsidian update into 1.0 toggled off all the CSS snippets for plenty of users, make sure that wasn't the case with you!
Thank you so much for an interesting content!
But could you please explain how to make the trackers on the dashboard be horizontal, not vertical?
I had this problem, but the culprit was the plugin "Workspace Plus". I turned it off and voila!
Is there any solution for those having that issue? My CSS file is on the snippet folder but doesn't load on the appearance settings., thanks for the video, just getting started on obsidian!
@@mrkuramoto Thank you very, very much! Turning off the plugin Workspace Plus fixed my problem of the two CSS Snippets ("dashboard" and "dashboard-readlinelength") switching off in the Appearances settings every time I quit Obsidian. That was aggravating.
Hate to lose Workspace Plus, though. It was great for saving the fussy set up of 3 kanban board panels. Now I'll need a fix for that. Hmmm.
One thing to note, when you enter --- you know get a drop-down and not a freeform editor like in this video; it's basically the same but it defaults to properties, and you just need to select cssclass and enter dashboard into and then cmd-e to toggle back to read-only mode and see the css change take effect.
Slick tut Sergio, nice job.
Thanks man!!!
Really great content. I love how you explain what commands you're pressing as you talk us through the process. Keep up the great work.
Thanks glad to see specific feedback! :)
Thanks! I now have a really great looking home page. I did end up removing the "Hompage" plugin as it overrides starting up using an Obsidian Url which I use to open specific pages from another app. Instead I installed the "Hotkeys for specific files" plugin and assigned a hotkey with that which works for me. Looking forward to your next video, always great content Sergio!
Thanks William and thanks for sharing what you did! I'm sure it'll help others in the future as well! And thanks for the kind words! I put a ton of effort into my videos and it's good to have it acknowledged! :) Next video will be up next week (sickness got the best of me this one!)
For the horizontal column adjustment to work, add in the properties field where the banner is located, cssclasses: dashboard
can we get an update on this dashboard ^^ ? seems when obsidian added metadata things the code pops over the banner or many things are totally displaced, i bet many like me who arent good with code trying to figure the things out
did you solve it?
Great job! I clocked on this thinking "I'll watch but that's definitely not something I need." but by the end I'm pretty sure it's something I can use--in particular the queries. Thanks.
I appreciate the honesty lol glad I was able to help and the video wasn't a dud! :)
Great lesson and thanks for the materials. Tell me why I'm looking at one column instead of a few, like you? What's the problem? Thank you!
The banner adds a big empty space under it. How do I get rid of that space?
I have the same issue. Were you able to fix it?
Same issue here
Question, why don't I have the separation lines? My dashboard flows vertically not horizontally like yours. I have been messing around with and can't get it to flow horizontally.
I have the same problem
Separation lines are '___' three underlines in mark down.
If it doesn't flow horizontally it means it doesn't work at all. Maybe u've missed some steps.
Instead of using the connection in plain text at the beginning of the file:
---
cssclass: dashboard
---
You need to use the "property" in the "text" format to connect the CSS file.
Right-click on the title of the note and select "add file property".
2 columns will appear, write "cssclass" on the left side, and "dashboard" on the right
I have not been able to get the wide margins to work on my dashboard. I have tried removing other plugins and snippets but it just does not seem to work. The dashboard css works fine but the additional css for the margins is not activating
same
I'm having the same issue. I saw comments from other users that were able to solve this by changing their theme from a custom theme to the default, but changing themes has made no difference in my case.
Thank you for explaining everything as a follow-along video. I tried to use the same dashboard++ snippet and did every step as you instructed but even though I have copied the dashboard-ReadLineLength.css file from repo, it's not changing the appearance and even if I toggle off the Readable line Length in Obsidian, the appearance doesn't change, I would appreciate if you can help me out here.
Again Thank you for all the precisely explained videos.
I can try! The first troubleshooting step would be to follow the steps on a new and empty vault. If it works (which it probably will) then the problem is in some configuration of your own vault. The next step would be to use another theme. Does it not work regardless of the theme? If so then I can only assume you have some settings enabled in the editor that are making a conflict, either that or some plugin/other snippet is causing a conflict. Hope that helps
I am having the same issue. I am using minimal theme.
@@theprocrastinatingphd.956 I am as well, using the minimal theme with no changes that I know of.....
Changing from minimal theme to the default theme worked for me. Thanks!
I had the same issue after using textedit to transfer the css to the snippets folder. Repeated the process using sublime text and it worked beautifully. Thanks Sergio!
wow, your videos are so clear to get into this - looking forward to the datajvs indepth! thanks Sergio, really
Glad you're enjoying them :) More to come!
Thanks Sergio. Just the tutorial I was looking for! Particularly appreciate now being able to have my Dashboard display when I first open Obsidian.
Thank you for some great content. I have been using Obsidian for the past 3 months but trying to create the dashboard only now. I am struggling to get the column view on the dashboard and I have checked everything - the css code, updates and any other plugin interfering but still no luck. Any help to resolve this is appreciated. Thank you!
I am also unable to get it working. I have double checked everything and tried this method on a brand new vault with no luck. Have you had any success since posting this comment?
@@AmberlynWhite no luck yet...still the same
@@gravitas_Academy not sure if I can be much help, but did you have the files named as "dashboard.css" and "dashboard-readlinelength.css", respectively? I had mine named as just "readlinelength.css" and it wouldn't work. To add to that, I just left the metadata as " --- cssclass: dashboard ---" instead of " --- cssclass: dashboard.css ---- " to get the right view.
One more thing was I couldn't get the Minimal Theme Settings plugin to work with the view, but switching back to default theme worked.
@@orianna4511 thank you!!!! In my case I was using the Minimal Theme. I change it and it works!
I've tried everything I've seen suggested here to get the read line length snippet to work, even changing the file name to all lowercase, then back to camel case when that didn't work. The code snippets I used were last updated on 2023-08-07. I have been using the default theme, with default settings. Any help will be highly appreciated!
Excellent introduction, concise and easy to follow. Thank you, Sergio, for all the great videos on Obsidian!
Thanks Joel! Glad you enjoyed them!
I grok this approach to viewing my vault so much better than MOCs. Off to make a Dashboard. Thanks for the great explanation!
Thanks Hugo! :)
This looks so awesome! For some reason though I still show only 1 column. CSS is still turned on in v. 1.0. Anxious to figure this out!
It seems to be working both for me and others. Maybe a misconfigured step? v1.0 toggled css snippets off but you said it isn't so I can't really of anything other than a misconfigured step?
Did you get to the bottom of this. Same for me
Instead of using the connection in plain text at the beginning of the file:
---
cssclass: dashboard
---
You need to use the "property" in the "text" format to connect the CSS file.
Right-click on the title of the note and select "add file property".
2 columns will appear, write "cssclass" on the left side, and "dashboard" on the right
Another incredible video. Thank you very much. I’m going to be implementing most of the stuff in my obsidian in the next 24 hours. Greatly appreciated
Glad to hear that! Have a great one:)
Thanks!
Thank you so much! :)
Learned a couple of new things there, related to handling of CSS. Thanks!!
oh!!! i'm so excited you have a video coming about dataviewjs :D i can't wait to see it!
Its coming :)
I followed all the directions and the dashboard does not end up looking like what the video shows. The look of the content never changes from what I copy from git. Very discouraging. It's like the css classes are not right. I know css, I have googled, and have not found a solution for why this does not work.
Same
Any way to create a button/link on my homepage to create a new note? Or create a new note with a specific template? Thanks Sergio
You can use the commander plugin for that!
Heres a code to see all bookmarked notes:
`$=dv.list(dv.pages().where(p => p.file.starred).file.link)`
thxxx
@@vankaaisme-qp7krYour welcome
Thank you so much.
Hey, all your tutorials are very useful so far, but I am having trouble here:
When I put --- it forms a horizontal line and when I close the ---, it makes the text above it a type of header. Is there any way to fix this?
If you go to the very first line, with no spaces, and type "---" it should bring up a properties tab - from their you can select (rather than type) cssclasses and continue the steps.
Does anyone experience having a large text between the banner and the dashboard? if so, did you find a solution?
I don't know if you've managed to solve it yet but at the obsidian forum, there's this one suggestion from Manu14 to hide the properties. This can be done by going to the settings, then under the editor section, there should be a "Properties in document", from the options there, select hide.
@@elar4815 this worked for me using the standard theme - thanks!
Excellent tutorial... straight to the point, good tips, plugins, and the solution was explained thoroughly, from the beginning to the end. Congratulations!
Thanks Kura! Much appreciated!
your walkthrough is the best! getting great help from many of your videos. Thank you.
Glad you like them!
My dashboard looks same as repo single column wise.
Not like shelf of blocks as in the thumbnail.
Please need some immediate help
Just following up on this - turns out the obsidian update toggled off all of the CSS snippets for plenty of users, make sure that wasn't the case with you!
@@FromSergio I'm having the same issue, I've double checked the CSS snippets toggles and they are both turned on.
@FromSergio Could you please share the way you use to sync your vaults between different devices? The proprietary sync mechanism is simple and straightforward but too expensive in my opinion for the value it provides. And moreover, outsourced synchronization may not be a good idea if we talk about more or less sensitive data.
Hi Lynx, sure, I keep everything synced in my synology drive. Which itself has its own backups. Unsure if that helps! I made a video on this topic before. Feel free to check it out
@@FromSergio Luckily, I’m familiar with Synology solutions and moreover, I gonna build a media server soon on one of the Synology NAS. Somehow I missed your video about the topic, so thank you for the advice!
I use syncthing. Works flawlessly to sync between multiple computers and android phone.
Yeah. I've got the same issue even with the default theme on the dashboard. Only showing single column with everything updated on 1.0
It was something I did with textedit. I used VS code and it works fine now
glad you worked it out :)
Great tutorial! I have a quick question. I see that there's a lot of space between the image and the first heading. Any idea why?
Great tutorials, I was just wondering who you replaced the bullets with images?
I'm brand new to Obsidian, just coming from OneNote, and I was able to follow the steps. Awesome work, subscribed.
Thanks Hobstar, just saw this! Hope you continue to enjoy it :)
@@FromSergio it didn't quite tickle my brain right, trying Notion atm
I speak Spanish, in addition to learning a lot of obsidian I also learn English, your content is simply the best. 🤝
Happy to hear that! Have a great week!
Excelent tutorial! I'm new to Obsidian and it helps a lot! Thanks Sergio!
Glad it helped!
Yes!! It's like you're reading my mind bro.
I am working on my own PKM system over obsidian, and the 3rd next items in my TODO list was finding a way to make a dashboard homepage.
So you are (again) right on the spot.
Nothing more and nothing less than what I exactly needed.
Ahh I love to get notifications that you've uploaded a new video, very good job! Can't wait for you to read my mind again and upload just the next video I (don't know yet) I need hahaha 💪
Amazing! Love seeing this! I am actually very excited about the next one, and there's a good chance you're gonna like it as well :)
@@FromSergio Great news ! Let me give you a heads-up: I'm kinda merging most of the TH-cam tutorials I've watched into a single PKM system (from the last year+). I've been thinking about it for 2+ years. In the first year I was learning Obsidian basics, just dropping all my notes and starting to get the habit of Obsidian. When I found your channel, all of your videos were very useful and gave me the starting point I needed to take my system to the next level. So as I'm learning how to develop/script in Obsidian, your videos are like oxygen to my lungs.
It took a while, but I have now finished the first version of my system (maybe I'll make it a plugin someday). I can define template files for my metadata and a script takes it all and structures it accordingly, so when I create a new note it automatically knows how to fill most of the metadata fields following a hard-coded scheme built using dynamic template files. This allows me to set "metadata scheme" templates with sections and fields populated from other template files, so every notes folder can have its own scheme and my scripts will generate the dynamic template for that folder based on multiple section/fields templates for that folder.
I hope I am clear enough.
My current to-do was: 1) Adding breadcrumbs support to my meta scheme. 2) Define a template scheme for MOCs (dataview can be useful here). 3) Add a Dashboard home note with dataview queries based on my dynamic metadata template scripts (which populate the notes with dataview fields to add my PKM a DB layer).
Later on, I am planning to use AI plugins for Obsidian to suggest potential relationships between the notes based on my dataview fields of the dynamic metadata schemes.
A lot I know - but that's my roadmap basically, so you can read my mind better hahaha.
Thanks again for all of your videos!
Focused reference points - just add more!
@@tomer.nosrati Love this! Thanks for sharing your thoughts, i'm especially interested in the AI section! I know it takes time to set these systems up but they're so rewarding! Keep me updated on this for sure! As for reading your mind - although your plans do not directly align with the next video I think it'll be a "didn't know I needed this" type of video :) Again thanks for sharing looks promising :)
My "AI Section" just adds fields that are supposed to help these algorithms to do better work.
Best Obsidian tutorials on TH-cam!
Thanks Mr. T means a lot! :)
The dashboard-ReadLineLength.css doesnt work in my vault? Any help or ideas to fix it?
I also have not been able to get this working
Any idea why is the reading view and editing view the same in my case? I have 0.16.4
Good overview. But any workflow/process that depends on multiple plugins, custom css, new obsidian versions not breaking things etc, is going to need ongoing fixing as any/all of these things break over time. In many cases plugins are abandoned and your current wonderful workflow is completely broken for good. Too many people think plugins are the answer to every possible desire, the reality is much more frustrating and disappointing. (Speaking from experience, having used many plugins, addons, mods etc in many applications.) Also, no, learning to code yourself is NOT the answer. Plugins obviously exist to avoid the user needing to be a developer to customize the application to their needs.
Completely agree.
Thank you for your work! Greetings from Brazil!
Thanks Rafael! Appreciate it!
Very valuable, thank you for yet another excellent video. Your guidance is really helpful, I managed to set up a tweaked version of this dashboard today. 🙏
Glad it helped! :)
This was extremely helpful - I'm trying to tweak it for my own use - Does anyone know where to get the larger "emojis" used in this?
They're normal emojis! you can either get them from your OS or even in obsidian with the emoji plugin!
Excellent! Thanks for sharing!
Glad you enjoyed it!
Very helpful followed step-by-step, success! Thanks.
Just wondering if there is any way to hide the YAML only in the home page note (I want it to show on all other notes)?
Hi there, just add this in the css:
.dashboard .language-yaml {
visibility: hidden;
height: 0;
}
@@FromSergio Thanks - perfect!
@@FromSergio Which CSS does this go into? I can't seem to get it to work in either.
This just isn't working. It sees my css snippets folder, and "dashboard.css" is active. But when I paste in the source file for the home page I can't get anything other than a purely vertical layout.
Edit, later: Ok, somehow your instructions are just overlooking something. I was able to download the dashboard creator's full sample vault, and that worked. So apparently there are some setting changes that were required, or some conflict with other plugins I had installed, or... something. At any rate, it wasn't as simple for me as your video made it look.
Boa tarde Serio!
Na seçao final, sobre notas recentes, tags e status quando faço a adiçao no modo de leitura consta como "disabled; enable in settings" - qual ajsute é necessário para tal funçao?
Perfect video: useful stuff and to the point. Thanks Sergio!
Thanks Pablo :)
Very, very handy, Sergio. Thanks for sharing :)
:) Thanks Fuentes!
I know I am late to this, but when I toggle the dashboard.css on, the dashboard works but all the other UI elements are broken and I cannot use the dashboard feature without turning it back on, obviously. Does anyone have a fix for this?
Thank you.. Is there a way to hide the YAML header in reading view of that specific home page?
Oh, found it already. Just add this to your css:
.dashboard .language-yaml {
visibility: hidden;
height: 0;
}
I tried to make my dashboard but it just came down as a list. My css is turned on in my vault so I do not understand what the problem could be.
Thank you very much,it's very helpful for me
Awesome! Keep up the good work Sergio !
Thanks! Sorry I just got back to you, was on break :)
once i add the banner i see there is a big distance between the banner and the content how to reduce that distance ?
THX BUT HOW CAN WE MAKE İT DEFAULT TAB SO İT WİLL OPEN AUTAMATİCALLY WHEN WE OPEN A NEW TAB. DEFAULT NEW TAB PLUGİN İS NOT WORKİNG PROBABLY...
Thanks for the video! But are you aware of any recent problems with the ReadLineLength snippet addition? I followed the tutorial, but it doesn't seem to be working, even if I try it all over again. And I don't have any plugins that should interfere with it 🤔
I'm not :/ on my latest video about every plugin I'm using you can see all that i'm using and I redid the dashboard for the video without a problem!
Hey there... Instead of creating the css file, we can download the code directory in zip format by clicking on the green code button on the page provided and then unzip it. There you can find all the necessary files including dashboard, dashboard-ReadLineLength CSS files under the snippets folder and Dashboard++ mardown file in the main or base directory of the folder when unzipped.
Thanks dear Sergio for this great video... When one enters the Obsidian business, the user eventually comes to the point where the need for the customized dashboard arises. The dashboard is a cozy place where you can place links to go to the important sections of your vault. There are a lot of other fancy dashboard guides out there e.g.
The all-encompassing Obsidian homepage template (just google it) but the simplicity and "all text" criteria makes any dashboard fast, simple and nice.
📢📢📢
Thank you! Been looking for a tutorial on this 🎉
Glad you found it! :)
Thanks, Sergio. Looking good. This is another thing to cross off my list.
Glad you liked it! :)
I like the steelBlue color. What is the name of the purple color that matches Obsidian's default theme?
The actual name of the color? No clue but you could alwasys find the hex code with any hex tool!
Thank you for your videos, these are very helpful.
Just a suggestion: If you could keep your video (your camera frame) a bit smaller over the Obsidian screen, that would be very helpful to observe what's happening on the Obsidian.
Thanks! Yeah I did end up correcting this over time! :)
Great video and perfectly reproduceable! Getting a lot out of it! Muchas gracias 😀
Thanks Hauke! :)
You deserve more subs!!! Ciao da Biagio!
Thanks :) Ciao!
Thank you Sergio 🙏
Can you explain whats the difference between a "dashboard" and a "MOC" (Map of Content)? Am I right to catagorize a MOC as a specific type (structure) of a dashboard?
Hi Mark, sure I can share some thoughts on it, but definitely check out my video specifically on MOCs if you haven't yet :). I use both MOCs and the dashboard. The dashboard serves as my homepage. I have links to various MOCs in there as well as quick access links and links to specific pages that make sense for me at a specific time, as well as a bunch of dataviewJS. As I said in the video, I have dataviewJS on my list of videos for obsidian, which I intend to publish either early next year or late December. I also treat my dashboard as a MOC of MOCs with links to take me to all of my MOCs. As you said, a MOC can be a specific type of dashboard. There's no right or wrong way to use the dashboard, whichever works for you! :)
@@FromSergio Thanks for the kind reply. So the dashboard can be a HOME/Launchpad for all your MOC, if one is using the LYT system, is what you are saying, Understood. Also, the technology you used to build the dashboard would benefit from automatically collecting pages based on "tags" for building MOC. Is that what you are thinking the dataviewJS tool is useful for?
Hello Sergio, this is truly a great video, appreciate it mate. But with so much tasks, tweaks, tricks, projects to be done in a day, may I ask you, how do you prioritize what needs to be done and truly important in a given day? Can you make a video on how Obsidian can help with this process? Thanks a lot for your help in making Obsidian understandable.
Great question! use todoist as my daily planner, I have a video on it as well. Todoist runs pretty much every bit of my daily life. I know many people prefer to use obsidian for everything but I never saw the value in doing that for me personally. I use the free version of todoist and it is more than enough for me :)
@@FromSergio Oh I thought there was a process like a Eisenhower Matrix, calendar/planner or rating system in Obsidian. I have tried Todoist as well, but with all these Obsidian videos including yours, honestly made me think Todoist is an amateur. But I see your point, at the end of the day, the simpler the better to focus on the things you want to do, thank you.
thx for great and simple explanation sergio
Excellent video, keep up the great work. As a new obsidian user, this was super helpful. I highly recommend n00bs watch this!
Thanks, glad you liked it! :)
is it possible to have more than one parameter in the recent files option?
also is there a way to exclude the home page from the list of recent files that are updated?
Ahh, like this - although it's a roll here, not columns side by side like yours, but hey, I'm learning here, thanks
Done! Css problem in my end. Love it
@@carstenhm What was that CSS problem i believe i have done the same thing but not enough experience to work out what it is. thanks
@@chrish7589 I guess I made some mistake when I copied and inserted it in the file - I just copied it once more - not sure what did it, but it worked afterwards. Later I made some yaml/Frontmatter (space) error... I've made homepages since last century, so I know the importance of accuracy but this scripting was new to me
Hi Sergio and thank you for your very useful contents. Is it possible to embed non-js dataview queries in the columns?
깔끔하면서 자세한 설명. 정말 유용했습니다~
Thank you! Glad you liked it!
Hi, I have followed the tutorial to the dot and yet my dashboard is always vertical. Please help, if anyone could. I was so looking forward to setting this dashboard up.
Did you find a fix? Mine was working great for months following this and recently went all vertical. Tried fixing it and no luck so far!
Thank you so much for this video. In addition to enabling me to make a functional dashboard, it has introduced me to css.
I have a question about the code for the file count. (Maybe you said what type it is - don’t remember.) The count does not match the Obsidian count. Do you know why that might be?
Hey Sergio, awesome video! I'm facing one problem when I try to put tracker blocks inside my homepage, because simply can't make them fit in columns. Everytime I tried, they always place so close as the yAxis merge with each other and make it really bad to use. I just can't make them a little distant enough to see the information of each one of this. Any idea to solve?
How do you guys get the Icons next to York folders.. even make Icons next to Tags? Didnt found anything about this 😞
There's multiple ways to do this! Simply add an emoji there, you can use your OS such as CTRL + CMD + SPACE on mac. You can also use the obsidian emoji plugin. And my favorite of all is to use alfred (if you're on mac make sure to watch my alfred video!). Then you simply paste the icon and you're done!
@@FromSergio iam a PC user. But thanks for the answer, helped a lot, really appreciate it!
Could you write the js queries somewhere where we can copy paste? Thank you
Weirdly for me this dashboard looks the same in edit and view mode. Just a long list of bullet points which makes it not nearly as handy to glance at or see the overview. I'm not sure why that is, I'm using the default theme and don't have any exotic plugins installed.
OK solved this, something wasn't right with copy and pasting the CSS. Instead I just saved the raw file (click raw when viewing the dashboard.css) and put THAT in the proper folder. That fixed it. I'm guessing the mac text editor messed something up.
that's a great video it helped me a lot. I wish it would be possible to link to a folder and not just to a file in Obsidian - for me, a Dashboard would be very useful in that case
You could link to a file with a dataview list with only notes from that specific folder?
That's an active feature request which I also would like to have, in the meantime what @Justin mentioned is also what I do.
@@JustinCycling thank you I wil try that
@@FromSergio thank you
Hey Sergio,
Thank you for great content. I've been using this for almost 6 months.
Today, obsidian got a new update (v.1.5.11). The columns are gone and now we have much more rows instead. The home page seems so bad at the moment actually :D Have you had the same issue? Is there a way to fix it?
how did you build the main part of the home page? Are those links to all your notes/folders?
🤟
Thanks Tomer!! Very Much appreciated 🙏
@@FromSergio You're welcome bro, just keep doing what you do 💪
Didn’t work for me, though following exactly. Get block of text at top only…Plug-in issue? Version 15.9 issue? Thanks 🙏
Just following up on this - turns out the obsidian update toggled off all of the CSS snippets for plenty of users, make sure that wasn't the case with you!
@@FromSergio no, that wasn’t it. Maybe I copied over CSS incorrectly…will try again!
@FromSergio Figured this out - I capitalized Dashboard in the YAML (which actually how I saved it in Snippets. Obsdidian is persnickety about Case!). Thanks for your videos Sergio
where can i find this code?
In the description!
When i follow the steps and go into view mode my dashboard remains in a list format and doesnt have the columns. What would that be due to?
On obsidian 1.0 the CSS snippets were reset, make sure it wasn't the case with yours
@@FromSergio This is the first time I've tried setting this up. So nothing could have reset. Not sure if that's what you mean.
Thank you so much for all your videos!!
It will depend on what theme you're using!
Thanks for your videos. Im' literally going through everything you published. However I don't seem to get that nice table structure that is shown in the video. I've toggled that Readable Line Length thing. Any suggestions?
Never mind. I discovered that Texteditor put alot of extra text in the file. Using VS Code fixed it.
Thanks for updating it!
this is so cool, thank you so much
Glad you like it!
Awesome. I like the pace of the content, and how I can quickly understand how to go from A-Z.
Sidenote: Exotic places to visit - Texas?....really?
Yeah I agree that's an odd pick lol
Great video! Really straight foward and helpfull, finally a clear guidance to a homepage. Am I missing something, like a plug-in or more info, because I couldnt really make multiple rows in each section like in the video! Can any living soul say the method or syntax for it? (got really close using an aditional plug in, "Multi-Colum Markdown", but kinda broke the bottom part, like the recent files)
Hay I’m following you with my ipad but there seems to be no way to get to the hidden folders is that correct?
I’m not sure since I’ve never tried it on the ipad
You need to install another text editor on your iPad like Textastic, and if you open your vault, you will see all the hidden vault files.
Dragging Dashboard.css into Obsidian snippets folder as you describe I get error "The item “Dashboard.css” can’t be replaced because it’s invisible." Obsidian 1.4.16 on MacOS 14.1. Suggestions? Thanks;
hey hey, I have got an issue with the banner. as soon as I go for live preview the picture in the banner moves down behind the text... do you know what I could check?
Hm... Is the yaml header the very first thing in the note? That's the only thing I can think of
Very nice video, thank you very much for doing this. Will link to it in the repo if you don't mind.
Of course! Thanks for asking! :)
Thanks a lot FromSergio, I always learning something new with you! =)
Thanks Bruno!
If you set Obsidian up with loads of settings and plugins and then your computer dies and you have to download it again on your new computer, do you lose all the plugins and settings?
Also if you want it on two computers (work and personal) using Dropbox as the repository, and you want to customise plugins and settings, do you have to do it separately on both? Thanks!
Hi Lauren, depends on where obsidian is being hosted. If It's just on your local machine and nowhere else and your computer dies then yes all is gone. If it's somewhere like dropbox you can just downnload the obsidian folder into another machine and all will be as it was. As for customizing plugins the sync takes care of it , so 2(or more) computers have the same settings and plugins.
@@FromSergio Thank you!
Hi, thanks for all your great and understanding videos. I'm new to Obsidian and just playing around with this dashboard. I wonder if you know how to hide the code at the top where you write the cssclass thing. It doesn't show up on my tablet but on my computer under the banner image. I really wanna make that section hidden. Thanks again for fantasic videos.
Hi there, just add this in the css:
.dashboard .language-yaml {
visibility: hidden;
height: 0;
}
@@FromSergio
Hi, i add the code above on the end of the dashboard.css and nothing change. If i add "visibility: hidden" in ".dashboard .markdown-preview-section" or ".dashboard" all is dissapered. Is there any solution to hide properties only on the home page?