The Drag And Drop Card + HADS (Home Assistant Dashboard Store)

You select the little cog wheel on a card in edit mode, and there is a dropdown in the popup menu there that lets you decide on a card-by-card basis what you want.

image

1 Like

Thanks for this that’s perfect.

1 Like

Just found this and it’s awesome. Thanks so much for the contribution!

Question: Is there a way to hide the tab bar at the top when you have multiple tabs, and navigate to different tabs with buttons placed on the canvas? I’d like to have a stylable button (image/size/etc.) that will navigate to a tab when pressed. My thought is to have a clean “home” page with 4-6 ‘catagory’ buttons that when pressed will take the user to the tab that corresponds to the category selected. when finished in that tab, the user can press a “Home” button that will return the view to the “home” tab.

So I guess two questions/requests:

  1. Hide the tab bar when multiple tabs exist.
  2. A customizable ‘button’ that will allow navigation between tabs.

Also, if you can’t do the above, how you you change the color appearance of the tab bar and tabs? I noticed in your video they are dark, but are white in my browsers.

Thanks in advance!
Terry

Hi and thank you very much!

Regarding your questions:

1. Hide the tab bar when multiple tabs exist.
This is currently not possible, it is only possible to hide the tabs when you have only one tab. But I will look into adding this feature.

2. A customizable ‘button’ that will allow navigation between tabs.
This needs to be looked at I think. I’m not too sure on how I would go about implementing this. Let me think bout it and get back to you.

The tabs are styled to fit your dark/light browser settings, so no customization there yet. I will have to look at this as well.

1 Like

Thanks, I appreciate you looking into it. I thought about trying card-mod to see if I could hide the tabs that way but haven’t tried it yet. Also thought I might be able to switch tabs by calling underlying an javascript function but haven’t looked into that either to even see if it’s possible…yet… we’ll se if I can get some “me time” this weekend to play around more.

Terry

Drag & Drop Card 2.0.0 Released :tada:

Hi!

I just released Drag & Drop Card 2.0.0 for Home Assistant.

It's been a couple of busy months. I've been trying to make the Drag & Drop Card a bit more global and usable for everyone. In this update I've included a lot of new functionality that hopefully makes that goal a reality.

If you don't want to read release notes (who does?), watch the video instead:

:television: https://www.youtube.com/watch?v=Z8PyYaySCxM

Getting Started

If this is your first time using or testing the card, the best place to start is the new guide:

:open_book: Wiki • Overview

I've tried to make the wiki as comprehensive as possible, but there are still some gaps and areas that need more information. The documentation will continue to be expanded, improved, and maintained going forward.

The wiki includes:

  • Pictures
  • Step-by-step guides
  • Video tutorials
  • Examples

If you're looking for deeper technical details, the README and release notes can be found here:

:page_facing_up: Release Drag & Drop Card 2.0: The Visual Dashboard Builder Update · Prosono/Drag-And-Drop-Card · GitHub

Repositories

There are currently two repositories:

Frontend

Backend

What's New in 2.0?

:thread: Animated Lines & Connectors

Create animated visual relationships between cards.

:card_index_dividers: Layers

Build dashboard modes such as:

  • Energy
  • Security
  • Guests
  • Day/Night
  • Maintenance
  • And more

:brick: New Built-in Cards

  • HTML / Web Card
  • Table Card
  • Icon Card
  • Text Card

The HTML card is particularly interesting and opens up a lot of possibilities.

:package: Package Support

Dashboard-related YAML can now be managed directly inside the dashboard.

No more manually sharing package files between users.

:electric_plug: Local Dashboard API

A new local API for:

  • Custom controls
  • Automations
  • HTML card integrations

:desktop_computer: New Screen Saver System

Multiple screen saver options are now available.

:outbox_tray: Improved Import & Export

  • Better dashboard exports
  • Better dashboard imports
  • Single-card import/export support

:artist_palette: More Visual Controls

  • Additional background effects
  • More customization options

:hammer_and_wrench: Bug Fixes & Polish

A lot of work has gone into improving:

  • Dragging behavior
  • Toolbar placement
  • Persistence
  • Mobile editing
  • Compatibility with older imports
  • General stability and usability

Feedback Welcome

If you decide to give it a try, I would love to hear your feedback.

Cheers, and have a great weekend!

looks great
I am willing to test and report.
Having a hardtime with the different layouts ( does not auto resize from desktop to tablet to mobile ets

Could you elaborate a bit? some screenshots maybe? I recommend updating to v2.0.1 as it resolved some size issues cross platform and sync issues.