Cards not showing up when trying to add to dashboard

dinmada · May 6, 2025, 1:34am

I am relatively new to Home Assistant (2 months into it so far) - so don’t know if I am doing it incorrectly. I am trying to add the vehicle info card into a new dashboard I created. When I go into the dashboard and try to add the card, I see many others, but not the vehicle info card. I have the same issue with the Hue-like card as well. I tried adding the info into the configuration.yaml

(Below is my configuration.yaml file)

Loads default set of integrations. Do not remove.

default_config:

Load frontend themes from the themes folder

frontend:
themes: !include_dir_merge_named themes
extra_module_url:
- /hacsfiles/hass-hue-icons/hass-hue-icons.js
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

http:
use_x_forwarded_for: true
trusted_proxies:
- 172.30.33.0/24
lovelace:
mode: yaml
resources:
- url: /local/your-custom-card.js?v=0.1
type: module
mode: yaml
resources:

url: /local/vehicle-status-card.js
type: module

I don’t seem to see the vehicle info card (and the other example being the Hue-like card. I am wondering if I setup my Home assistant incorrectly? Sorry if this is kind of jumping around. Any help or guidance would be greatly appreciated!

Another example is I have UI Lovelace Minimalist installed (see it on my side-bar - but it just errors out with the following:

Custom element doesn’t exist: grid-layout
type: custom:grid-layout
title: home
icon: mdi:home
path: ‘0’
layout:
grid-template-columns: 1fr 1fr
grid-template-rows: min-content
grid-template-areas: |
“main popup”
mediaquery:
‘(max-width: 1100px), (orientation: portrait)’:
grid-template-columns: 100%
grid-template-areas: main
cards:

type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
grid-template-areas: |
“text text text weather weather weather”
“welcome welcome welcome welcome welcome welcome”
“title1 title1 title1 title1 title1 title1”
“card1 card1 card2 card2 card3 card3”
“title2 title2 title2 title2 title2 title2”
“card4 card4 card5 card5 card6 card6”
mediaquery:
‘(max-width: 800px)’:
grid-template-columns: 1fr 1fr
grid-template-areas: |
“welcome welcome”
“person person”
“title1 title1”
“card1 card2”
“card3 card4”
“title2 title2”
“card5 card6”
“card7 card8”
view_layout:
grid-area: main
cards:
- view_layout:
  grid-area: text
  type: custom:button-card
  template: card_title
  name: This is the adaptive
  dashboard provided by
  UI Minimalist
  label: Find instructions to add
  cards on the wiki
- view_layout:
  grid-area: weather
  type: custom:button-card
  template: card_title
  name: This could be your
  weather card
  label: ‘grid-area: weather’
- view_layout:
  grid-area: welcome
  type: custom:button-card
  template: card_title
  name: This could be your
  welcome/scenes card
  label: ‘grid-area: welcome’
- view_layout:
  grid-area: title1
  type: custom:button-card
  template: card_title
  name: Some title
  label: ‘grid-area: title1’
- view_layout:

stevemann · May 6, 2025, 2:59am

Post your YAML file using code tags. The forum editor screws up the formatting of plain text.
How to help us help you - or How to ask a good question - Configuration - Home Assistant Community

Have you installed the Home Assistant Community Store? This is where you will find bothe of the cards you mentioned. I’ve never used either of them so I probably can’t help beyond this.

dinmada · May 6, 2025, 12:17pm

Hi Steve,

Thanks for replying. I did install HACS and have installed other stuff from there. I will try and post the configuration.yaml file (and hope I’m doing it correctly!) - I’m not really sure on the tags part though? Do you mean putting tags to my post? The only things I’ve really added to the configuration.yaml file is the cloudflare info (I have this tied to my cloudflare account to access remotely), and I did add info for the vehicle info card to it:

type or paste code here

Loads default set of integrations. Do not remove.

default_config:

Load frontend themes from the themes folder

frontend:
themes: !include_dir_merge_named themes
extra_module_url:
- /hacsfiles/hass-hue-icons/hass-hue-icons.js
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

http:
use_x_forwarded_for: true
trusted_proxies:
- 172.30.33.0/24
lovelace:
mode: yaml
resources:
- url: /local/your-custom-card.js?v=0.1
type: module
mode: yaml
resources:

url: /local/vehicle-status-card.js
type: module

stevemann · May 6, 2025, 6:24pm

It’s in the link I gave you, but in brief:

dinmada · May 6, 2025, 7:41pm

ah, thank you! My apologies - still getting used to this…lol


# Loads default set of integrations. Do not remove.
default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes
  extra_module_url:
    - /hacsfiles/hass-hue-icons/hass-hue-icons.js
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

http:
  use_x_forwarded_for: true
  trusted_proxies:
    - 172.30.33.0/24
lovelace:
  mode: yaml
  resources:
    - url: /local/your-custom-card.js?v=0.1
      type: module
mode: yaml
resources:
  - url: /local/vehicle-status-card.js
    type: module

type or paste code here

stevemann · May 6, 2025, 9:35pm

The cards are custom cards, so they have to be added manually.
HACS downloaded the cards. When you go to a dsahboard view to add the card, click on “manual”. When it asks for the card name, type: custom:vehicle_info… The spelling has to be precise, so if it says the card can’t be found, check the spelling.

Are you running Home Assistant behind a reverse proxy like Nginx? I ask because I’ve never encountered this:

http:
  use_x_forwarded_for: true
  trusted_proxies:

dinmada · May 6, 2025, 10:43pm

So I figured out the issue - I had come across via google (and will bookmark once I go thru my history!) that mentioned removing the mode: yaml, and going into resources and uploading the .js file a lot of these cards have. Once I did that (and restarted HA), it now shows up!

In regards to the proxy statement - I think that might have been while I was tinkering around with trying to setup manual integration with Google and Alexa. (I kind of half-abandoned that project) but was also working on setting up a secure tunnel (via Cloudflare) to my HA from the outside. I decided to just go with Nabu Casa for at least the year to get moving, and will come back to hopefully setting something up manual (though I see keeping Nabu Casa to help the devs out)

I gotta ask on a tangent (and wondering if I should post it as a new post, which I’m fine doing if so) - have you worked with UI lovelace minimalist? having a devil of time getting that to work also. I’ve tried adding the files manually to the directory in question (via file editor) but it doesn’t seem to work whether via HACS or manual. Keeps saying grid-layout is missing as well as the cards.

And thanks so much for your time and help if I haven’t already said it.