Make a custom card (iCloud3)

Try what I said. Just have type and entity in your card configuration.

I tried to remove the dash, unsuccessful, then I read the guide again and it says that I should actually do it differently, if I want to make this card and I don’t use the ui-lovelace.yaml file then I have to do the following:

Hit the three dots button twice (once to edit UI, next to open raw editor). Paste the required configuration at the top of this file (above everything else)

I did that , but again no luck

I will put my question in the topic where this addon is discussed. Surely more people will have run into this problem

Thanks for your help so far.

If you stopped posting images and posted your code, I could help more. Also, I’ve said it twice now: only use type and entity.

Edit your UI, click the plus to add a card. Select manual at the bottom. Then fill in the following fields

I added the pictures to show the error message clearly, it will no longer do if it is considered to be disturbing. Sorry

I did what you said, only type and entity…

type: custom:icloud3-event-log-card
entity: sensor.icloud3_event_log

when I hit save, all other cards are gone , but come back after a refresh. The new made card is not visible.

Pictures are not good because people have to recreate your code by hand. Posting your code as text with proper formatting allows people to correct your mistakes without too
Much of a hassle.

—-

If your card is not showing, your resource is not correctly specified. The directions on that page are for HACS, and they are using the outdated HACS directory pathing. If you don’t have HACS, those path links don’t exist. I’m guessing you don’t have hacs installed. It would be wise to install it, it does all the installation for you with custom integrations/cards

—-

On mobile so this is a pain to navigate for me. Anyways, here is the link for HACS

I should have reported it but I installed it with HACS …
I added the resource via configuration, lovelace dashboard, resources.

Sorry for delay, out on a bike ride. What are you using as the url for the resource?

/local/custom_cards/icloud3-event-log-card.js?v=1.000

Resource type:
Javascript module

That doesn’t seem like the hacs url.

The url should look like this

/hacsfiles/bar-card/bar-card.js

Which linkA to the install location config/www/community/bar-card/bar-card.js

The community directory might have a different name. Going off memory.

3. Click Install. This will install all of the custom component files above into the 'config/custom_components/icloud3' directory on your Raspberry Pi or the device you are running Home Assistant on.

This is in the guide I followed …
And then installing the card:

Installing the iCloud3 Event Log Custom Card
Custom Lovelace cards are typically stored in the /www/custom_cards directory. Do the following:

Create the /www/custom_cards directory if it does not exist.

Copy the icloud3-event-log-card.js into the /www/custom-cards directory. If you are installing iCloud3 using HACS, the file is in the custom_components/icloud3 directory. If you are already using custom cards and they are in a different directory, copy the icloud3-event-log-card.js file into the one you are using.

Open the ui-lovelace.yaml file and add the following lines to the beginning of the file. Again, change the directory name if you are using a different location.

resources:
  - url: /local/custom_cards/icloud3-event-log-card.js?v=1.000
    type: js
Copy to clipboardErrorCopied
Add the following lines to the ui-lovelace.yaml file to create the custom card.

 - title: iCloud Event Log
    icon: mdi:information-outline 
    cards: 
      - type: custom: icloud3-event-log-card
        entity: sensor.icloud3_event_log

Did you verify that it actually did what it said? Remember, hacs is the manager. It has nothing to do with what’s written in that guide. Hacs has constantly changed over the past year.

Also everything about this configuration is incorrect. Do not follow it. Create the card in the way I listed above.

I would expect your url to be

/hacsfiles/icloud3-event-log-card/icloud3-event-log-card.js

Its installed in : /config/custom_components/icloud3
The card file is in : /config/www/custom_cards …

I will also contact the author of this add-on… anyway thanks for your time and support !

Ok if that’s the location then the url is

/hacsfiles/icloud3-event-log-card.js

Edit: just read through the whole doc. The url is

/custom_components/icloud3/icloud3-event-log-card.js

I misinterpreted that text, stupid of me :innocent: … I have now copied it to the correct location and the resource file location is now at: /custom_components/icloud3/icloud3-event-log-card.js?v=1.000

The content of the card:

type: custom: icloud3-event-log-card
entity: sensor.icloud3_event_log

Displays the following error message:

Custom element doesn't exist: icloud3-event-log-card.
type: 'custom: icloud3-event-log-card'
entity: sensor.icloud3_event_log

So, still not working but yet a bit further

I’m even going to start all over again with a clean install on a VM. Hopefully it will go well and then I will let you know the result. Thanks for your help now!

Old topic, I had the same issues… i just followed the instructions found here made the /www/custom_cards folder copied the js card. the URL needed to be
“/local/custom_cards/icloud3-event-log-card.js?v=1.000” and it started working again.

location of the file doesn’t matter as long as your resources point to it properly.

good to know. I just couldn’t for the life of me get it to point to it properly. I still haven’t worked it out… many many questions. I may endup asking here… after i’ve had my proper attempt and figuring it out & googling.
Thanks for taking the time to reply.