Coder Social home page Coder Social logo

obsidian-dashboards's Introduction

Dashboards is an Obsidian.md plugin. Design your own personalized dashboard or home page. Dashboards offers flexible grid configurations, allowing you to choose from various layouts such as 1x2, 2x2, 3x3, and more. Each grid contains containers where you can embed different elements, including vault files, code blocks, or external urls.

If you are looking for the plugin that was formally called Dashboards please see DataLoom

About

Screenshots

Create a grid layout

Add embedded content with ease

Use many different layouts

Getting Started

  1. Create a new dashboard file by right clicking a folder and clicking "New dashboard" or click the Gauge icon on the left sidebar.
  2. Choose your grid layout using the dropdown in the upper righthand corner
  3. In each container click one of the embed buttons and enter the content you wish to embed. You may choose from a vault file, a code block, or a external link.

Removing an embed

To remove an embed from a container, hold down ctrl (Windows) or cmd (Mac) and hover over a container to show the remove button. Then click the remove button

Embeddable Items

Files

Any vault files may be embedded into a container

Code blocks

Embed any Obsidian code block using the normal code block syntax. This may be used to render Dataview, DataviewJS, or Tasks plugin code blocks.

Links

Any website will automatically be embedded in an iFrame

License

Dashboards is distributed under the MIT License

obsidian-dashboards's People

Contributors

decaf-dev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

rduartes codeiain

obsidian-dashboards's Issues

Getting "Failed to load plugin dashboards" error

Describe the bug

I'm trying to activate the plugin in the Community Plugins page

Steps to reproduce

Activate plugin

Expected behavior

Plugin activation

Obsidian debug info

SYSTEM INFO:
Obsidian version: v1.4.14
Installer version: v1.4.12
Operating system: Darwin Kernel Version 22.6.0: Wed Jul 5 22:21:56 PDT 2023; root:xnu-8796.141.3~6/RELEASE_X86_64 22.6.0
Login status: not logged in
Insider build toggle: off
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: AnuPpuccin v1.4.2
Snippets enabled: 1
Restricted mode: off
Plugins installed: 16
Plugins enabled: 15
1: Advanced Tables v0.18.1
2: Tasks v3.6.0
3: AidenLx's Folder Note v0.16.5
4: Folder Note Core v1.3.5
5: AidenLx's Folder Note - folderv component v1.0.0
6: Waypoint v1.4.0
7: Chronology v1.1.4
8: Kanban v1.5.3
9: Heatmap Calendar v0.6.0
10: Homepage v3.3.3
11: Reminder v1.1.15
12: Hider v1.2.5
13: Editor Syntax Highlight v0.1.3
14: Dataview v0.5.55
15: MetaEdit v1.8.0

RECOMMENDATIONS:
Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.
Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.

Relevant log output

No response

Add undo/redo functionality

Problem

Sometimes you want to add something and then undo it

Solution

Add undo/redo system like DataLoom

Additional details

No response

Add modal to manage embeds

Problem

Right now there is no way to manage embeds when you go from 3x3 to 1x3

Solution

Add a modal that will allow you to drag the embeds into the positions of the current layout

Additional details

No response

Adjust position of the embed

Problem

It would be nice to adjust the padding and layout of an embed

Solution

Add options in the container itself. Another button below the remove button?

Additional details

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.