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.
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.
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
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.
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. 📢📢📢
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.
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 RUclips 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 :)
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. 🙏
Excellent tutorial... straight to the point, good tips, plugins, and the solution was explained thoroughly, from the beginning to the end. Congratulations!
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!
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
So, I was nosing around in the sample vault for this, and saw that the guy had one of his "exotic vacations" listed as "Texas." It's funny - I live in the Houston area, and I certainly don't regard Texas as very "exotic." 🙂
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
Hello! I've been following your channel for a while and it has helped me navigate Obsidian and explore some features that I can use for myself. Regarding the dashboard, I'd just like to ask if there is a way to show the list of recently opened files rather than the recently modified files in the dashboard note. Thank you!
Hey Nathaniel, thanks! That's a great question! I don't believe so, but the recent files plugin satisfies that requirement. It might be exactly what you're looking for!
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?
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.
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)
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
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.
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.
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.
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!
@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!
funny enough - I had a birthday (35) on Oct 5, and I like dashboards :) even though I watched this video at the end of October - still nice coincidence :) 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
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.
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?
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)?
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?
Hi Sergio, thanks for your videos. I've been watching your Obsidian videos since episode 1 and it has helped me a lot. Can I please ask regarding the Dashboard page...is it similar to a MOC?
@@FromSergio Hi Sergio, sorry to hear that and hope you're feeling better. What I meant was, from what I understand, MOCs are like a home page for our vault right? This dashboard would be similar to a MOC right? Like a homepage that links to our different categories.
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.
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 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 your replies, but I cant figure out how to paste “Create a dashboard.css file in your Obsidian snippets folder.” This folder is hidden on iPad (?). I am new to Obsidian and am thankful for your kind reply. TIA Mats
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!
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?
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?
Hi Sergio, thank you very much for this content :)). One question, I use the minimal theme and this activates the readable line length option by default, do you think there is any solution?
Hi Alex, yeah there's a css snippet that should fix this - at 01:27 you can see there's a "dashboard-ReadLineLength.css" option for you to grab, place that along with the other snippet in your .obsidian folder and you're good to go!
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.
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! :)
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!)
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! :)
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!
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?
For the horizontal column adjustment to work, add in the properties field where the banner is located, cssclasses: dashboard
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! :)
Excellent introduction, concise and easy to follow. Thank you, Sergio, for all the great videos on Obsidian!
Thanks Joel! Glad you enjoyed them!
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!
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!
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
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! :)
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.
📢📢📢
Thanks Sergio. Just the tutorial I was looking for! Particularly appreciate now being able to have my Dashboard display when I first open Obsidian.
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.
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:)
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 RUclips 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.
Great tutorials, I was just wondering who you replaced the bullets with images?
Learned a couple of new things there, related to handling of CSS. Thanks!!
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! :)
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!
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
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!
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?
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
So, I was nosing around in the sample vault for this, and saw that the guy had one of his "exotic vacations" listed as "Texas." It's funny - I live in the Houston area, and I certainly don't regard Texas as very "exotic." 🙂
oh!!! i'm so excited you have a video coming about dataviewjs :D i can't wait to see it!
Its coming :)
your walkthrough is the best! getting great help from many of your videos. Thank you.
Glad you like them!
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
Hello! I've been following your channel for a while and it has helped me navigate Obsidian and explore some features that I can use for myself. Regarding the dashboard, I'd just like to ask if there is a way to show the list of recently opened files rather than the recently modified files in the dashboard note. Thank you!
Hey Nathaniel, thanks! That's a great question! I don't believe so, but the recent files plugin satisfies that requirement. It might be exactly what you're looking for!
Excelent tutorial! I'm new to Obsidian and it helps a lot! Thanks Sergio!
Glad it helped!
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?
Thank you so much for all your videos!!
It will depend on what theme you're using!
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
Best Obsidian tutorials on RUclips!
Thanks Mr. T means a lot! :)
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.
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)
Thank you for your work! Greetings from Brazil!
Thanks Rafael! Appreciate it!
Very, very handy, Sergio. Thanks for sharing :)
:) Thanks Fuentes!
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
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.
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.
You deserve more subs!!! Ciao da Biagio!
Thanks :) Ciao!
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.
Extremely useful information, gonna test all of the tricks right now 😀
Thank you Sergio for your work!
Thanks, Sergio. Looking good. This is another thing to cross off my list.
Glad you liked it! :)
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.
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!
@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.
Excellent! Thanks for sharing!
Glad you enjoyed it!
Hi Sergio and thank you for your very useful contents. Is it possible to embed non-js dataview queries in the columns?
funny enough - I had a birthday (35) on Oct 5, and I like dashboards :) even though I watched this video at the end of October - still nice coincidence :) thanks
Belated happy birthday to you! :)
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
Thank you! Been looking for a tutorial on this 🎉
Glad you found it! :)
This video needs to be updated.
Thank you very much,it's very helpful for me
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
Great video and perfectly reproduceable! Getting a lot out of it! Muchas gracias 😀
Thanks Hauke! :)
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! :)
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 :)
Thank you Sergio 🙏
Perfect video: useful stuff and to the point. Thanks Sergio!
Thanks Pablo :)
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?
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!
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! :)
깔끔하면서 자세한 설명. 정말 유용했습니다~
Thank you! Glad you liked it!
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!
Awesome! Keep up the good work Sergio !
Thanks! Sorry I just got back to you, was on break :)
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.
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?
thx for great and simple explanation sergio
Hi Sergio, thanks for your videos. I've been watching your Obsidian videos since episode 1 and it has helped me a lot. Can I please ask regarding the Dashboard page...is it similar to a MOC?
Hi! Was offline for a while due to sickness… I’m not sure I understand your question, could you elaborate?
@@FromSergio Hi Sergio, sorry to hear that and hope you're feeling better. What I meant was, from what I understand, MOCs are like a home page for our vault right? This dashboard would be similar to a MOC right? Like a homepage that links to our different categories.
@@skhu78 I would say this is just a different visual take on a MOC.
@@tfthacker thanks for the reply 👍
Thanks a lot FromSergio, I always learning something new with you! =)
Thanks Bruno!
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...
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!
this is so cool, thank you so much
Glad you like it!
Any idea why is the reading view and editing view the same in my case? I have 0.16.4
builtin canvas has some cool features now
once i add the banner i see there is a big distance between the banner and the content how to reduce that distance ?
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!
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!
how did you build the main part of the home page? Are those links to all your notes/folders?
Great content man! So full of information. Thank you for your work 🫡
Glad you enjoyed it! :)
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?
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.
for windows users: use Ctrl+E
Thanks great video! Does this work on iPad? ❤
Yes and iPhone 🙂
^!
Thanks for your replies, but I cant figure out how to paste “Create a dashboard.css file in your Obsidian snippets folder.” This folder is hidden on iPad (?). I am new to Obsidian and am thankful for your kind reply. TIA Mats
@@matscykel On your ipad you need to use a third party editor like Textastic to get to hidden folders. Obsidian does not reveal them.
Thank you very much sir !
You're most welcome!
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.
Thanx bro!
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?
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;
}
Thank you very much!
You're welcome!
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?
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
This is awesome. Thank you!
You're very welcome!
Hi Sergio, thank you very much for this content :)).
One question, I use the minimal theme and this activates the readable line length option by default, do you think there is any solution?
Hi Alex, yeah there's a css snippet that should fix this - at 01:27 you can see there's a "dashboard-ReadLineLength.css" option for you to grab, place that along with the other snippet in your .obsidian folder and you're good to go!
Could you write the js queries somewhere where we can copy paste? Thank you