No visual editor available for type 'custom:octopus-energy-rates-card'

[netmindz]

When trying to add the card, i get the error No visual editor available for type 'custom:octopus-energy-rates-card' and "show visual editor" button is disabled, for both Firefox and Chrome

[netmindz]

The comment in the docs "you'll need to then configure the yaml yourself - the type part is filled out for you." gives no indication as to how you do that

[plandregan]

Here's an example yaml configuration:

entity: sensor.octopus_energy_electricity_<your_id_here>_current_rate
type: custom:octopus-energy-rates-card
cols: 2
showday: true
showpast: false

Replace the sensor with your own. Found from Developer tools, states, search for octopus, find the one ending current rate and copy the sensor.bit and paste into your Card yaml instead of the example entity.
Job done.

[ActuandoWoody]

Nope. I am just as lost as @netmindz

I have installed your Octopus rate card and have exactly the same issue. I have no Octopus entity in Developer Tools -> states and I have no idea what "<your_id_here>" means. What ID is this - and where will I find it?

This feels like you might have missed a pre-requisite like an Octopus account and Smart meter?

Can you expand, a little more comprehensively, about how this should be configured?

[lozzd]

Try this:

• Click the Search (magnifying glass) in the top right of the Home Assistant UI

• Type current_rate. You should see one entry that says something like "Octopus Energy Electricity"
• Click it.
• Click the "Settings" tab on the window that appeared
• Copy the "Entity ID". Here's my example - with my details blacked out

• When you configure the card in yaml mode, you would then paste that value with entity: before it.

[ActuandoWoody]

So, I have your add-in installed fine - and when I go to add the card on the dashboard, it shows:

Which is what one would expect - so all good there.

However, I have no Octopus entity at all - and I am not sure why I would, unless I had installed some other Octopus energy integration with a unique (my) ID, and I haven't. That was my point about the pre-requisite - are you not expecting me to already have installed something else - because where else is my Octopus ID going to come from?

Thanks!

[lozzd]

The first line of the README:

pulling the data from sensors of the the excellent BottlecapDave/HomeAssistant-OctopusEnergy integration.

Please click that link and install the integration

[ActuandoWoody]

That's it - that's the pre-requisite then - apologies for being a Muppet.

BottlecapDave/HomeAssistant-OctopusEnergy integration now installed, but it is erroring out when it calls the API (I have obtained a key etc). Time for bed I think...

[ActuandoWoody]

I now realise that the problem I have is this: BottlecapDave/HomeAssistant-OctopusEnergy#159

[BettySwallocks]

I've just updated to the latest 2023.5.1 of HA with latest frontend 20230503.2. The error "No visual editor available for type 'custom:octopus-energy-rates-card'" is back. The thing worked well just a few days ago, I believe my BottleCapDave base Octopus Integration is working OK (I see sensors and rates just fine).

[ActuandoWoody]

The 2023.5.2 update also killed the IPP integration: home-assistant/core#92714

[U32Frank]

• When you configure the card in yaml mode, you would then paste that value with entity: before it.

Where do I edit the cards in yaml mode? I cant use the visual editor, as I get this error (Thread title)

[U32Frank]

To answer my own question, you need to click on the 3 dots on the top right and go to "Raw Configuration editor"