-
exetico,
Here's the error message: Attached is my floorplan.yaml:
Any idea what's causing the error in !include? |
Beta Was this translation helpful? Give feedback.
Replies: 17 comments 20 replies
-
Maybe due to www vs. local. I've created a folder for all my Floorplan-files, which are called /lovelace. Could you try that? Another think could be the use of |
Beta Was this translation helpful? Give feedback.
-
One more thing Exotico, this error is happening when I'm trying to save the code in the raw configuration editor and not when I'm trying to run anything. I think it's complaining about !include since save most likely doesn't resolve the path of what's being included. |
Beta Was this translation helpful? Give feedback.
-
I went a different approach to get past this !include issue and am not including floorplan.yaml from my raw configuration editor yaml. Below is a screenshot of the SVG file: Now a screenshot of the Home Assistant view: I added some code to modify the icon of the 1 light when it is turned on or off per the demo. Why does it size so large and not keep the same size as the light_off/on.svg file I imported into Inkscape? Here's my yaml:
Also included my css file Can anyone help with why my icon does not size correctly with the above code? |
Beta Was this translation helpful? Give feedback.
-
Tobias,
No problem. How do I upload .svg file since it’s not one of the supported formats for gitHub discussions?
Mark
… On Jan 17, 2021, at 3:11 PM, Tobias Nordahl Kristensen ***@***.***> wrote:
Thanks Mark. I'm sorry if that was a bit too aggressive ❤️😁
Please share the SVG, too.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub <#20 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASK3KRX7RWB6OG3KR4XTDTTS2NHB7ANCNFSM4WGDOOEA>.
|
Beta Was this translation helpful? Give feedback.
-
Thanks. I’ll give this a shot.
… On Jan 18, 2021, at 1:31 PM, Tobias Nordahl Kristensen ***@***.***> wrote:
It's up to you. Just one of the major upload-services. Mega or so, is fine.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub <#20 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASK3KRVX4XZXGZHYFUJAY7LS2SD7PANCNFSM4WGDOOEA>.
|
Beta Was this translation helpful? Give feedback.
-
AFAIK you dont need the This is what I have. I am using a grid, but you can see all the configs are in each of the
|
Beta Was this translation helpful? Give feedback.
-
Thank you. Everything is functionally working but it is not changing the icon color to yellow when the light is switched on. Can you look at the css code and help me figure out why the icons are not changing to yellow? I have modified my card language to be as follows:
floorplan.yaml
And floorplan.css /* SVG size */ #floorplan { #floorplan > svg { /* SVG elements */ svg * { /* Hover over */ .floorplan-shape:hover, /* Animation */ .spinning { @Keyframes spin { /* Binary sensors */ .binary-sensor-on { .binary-sensor-off { /* Buttons */ .button-on rect { .button-off rect { .button-on tspan, /* Light */ .light-off { .light-on { |
Beta Was this translation helpful? Give feedback.
-
I will give this a try and let you know how it goes.
Thanks.
… On Jan 22, 2021, at 9:00 AM, vajonam ***@***.***> wrote:
First off I have just been using this for a few days.
- entity: light.cresha_blah
element: light.cresha_blah
state_action:
action: call-service
service: floorplan.class_set
service_data: "light-${entity.state}"
tap_action:
action: call-service
service: homeassistant.toggle
Try that.
This is how I toggle. I dont have a groups: section I have it all in the rules section. Since the docs are still being worked on I am not sure what the groups: config does..
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub <#20 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASK3KRW6HE6BAGWD2AXYTMTS3GHIJANCNFSM4WGDOOEA>.
|
Beta Was this translation helpful? Give feedback.
-
Thank you Vajonam. I'll review the google doc and spend more time playing with this. I'm sure I'll come back with more questions but hopefully they'll be more intelligent questions. |
Beta Was this translation helpful? Give feedback.
-
Vajonam, Floorplan.yaml:
floorplan.svg.zip |
Beta Was this translation helpful? Give feedback.
-
Remove the image set call and just change colours. If you want to make it
hidden set the opacity or visibility. I am not sure which order the rules
are fired. Not sure if they can be predicted. You assuming the order of the
rules right?
…On Fri, Jan 22, 2021 at 6:42 PM gillman99 ***@***.***> wrote:
Vajonam,
I went back and used pretty much the exact same code and light icons as
the example. Everything is functional and the icon changes from clear to
yellow when the light is turned on. I'm attaching my new yaml, css and svg
files. You can see from the image below that the light icon I'm playing
with (the clear one) is not sized or placed in the same place as
floorplan.svg puts it. I've been playing around with inspect and not sure
why the icon is not coming in sized or placed correctly. I appreciate your
help earlier and thought you may have some ideas.
*floorplan.svg*
[image: Screen Shot 2021-01-22 at 5 38 46 PM]
<https://user-images.githubusercontent.com/76920134/105560160-b0924780-5cd8-11eb-80d2-aacb4b2fb59b.png>
*Screenshot of HA*
[image: Screen Shot 2021-01-22 at 5 39 22 PM]
<https://user-images.githubusercontent.com/76920134/105560193-c6077180-5cd8-11eb-894f-cf02ecf73cda.png>
Floorplan.yaml:
defaults:
hover_action: hover-info
tap_action: more-info
rules:
- entity: light.caseta_r_wireless_in_wall_dimmer_5
element: light.caseta_r_wireless_in_wall_dimmer_5
state_action:
action: call-service
service: floorplan.image_set
service_data: /local/floorplan/light_${entity.state}.svg
tap_action:
action: toggle
- entity: light.caseta_r_wireless_in_wall_dimmer_5
element: light.caseta_r_wireless_in_wall_dimmer_5.button
state_action:
action: call-service
service: floorplan.class_set
service_data: 'button-${entity.state}'
tap_action:
action: call-service
service: homeassistant.toggle
floorplan.svg.zip
<https://github.com/ExperienceLovelace/ha-floorplan/files/5859189/floorplan.svg.zip>
floorplan.css.zip
<https://github.com/ExperienceLovelace/ha-floorplan/files/5859190/floorplan.css.zip>
light_off.svg.zip
<https://github.com/ExperienceLovelace/ha-floorplan/files/5859194/light_off.svg.zip>
light_on.svg.zip
<https://github.com/ExperienceLovelace/ha-floorplan/files/5859195/light_on.svg.zip>
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#20 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AABFHNISUZ2RI74IST7KWZ3S3IEM7ANCNFSM4WGDOOEA>
.
|
Beta Was this translation helpful? Give feedback.
-
What is the best way to change the color? Is it done in yaml or css? Can you send me command? |
Beta Was this translation helpful? Give feedback.
-
I change the colour by setting the class but I think you can set style as
well but set class is a clean way to do it
Basically what your saying in the yaml that based on the state change the
class to something that includes the entity state like foo-(on) or
foo-(off)
…On Fri, Jan 22, 2021 at 7:04 PM gillman99 ***@***.***> wrote:
What is the best way to change the color? Is it done in yaml or css? Can
you send me command?
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#20 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AABFHNL27RRKBMEF5LYL26LS3IHCHANCNFSM4WGDOOEA>
.
|
Beta Was this translation helpful? Give feedback.
-
home assistant Lovelace yaml
yaml
svgjust use the floorplan.svg css
result |
Beta Was this translation helpful? Give feedback.
-
Thanks. Giving it a shot now. Let you know how it goes.
Mark
… On Jan 22, 2021, at 6:39 PM, vajonam ***@***.***> wrote:
hope this helps
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub <#20 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASK3KRUI7HR4CLEWSPNIUFLS3ILCTANCNFSM4WGDOOEA>.
|
Beta Was this translation helpful? Give feedback.
-
Vajonam,
This is working perfectly now! Thank you so much for your help.
Mark
… On Jan 22, 2021, at 6:39 PM, vajonam ***@***.***> wrote:
hope this helps
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub <#20 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASK3KRUI7HR4CLEWSPNIUFLS3ILCTANCNFSM4WGDOOEA>.
|
Beta Was this translation helpful? Give feedback.
-
No worries. Remember chrome inspector is your friend.
…On Fri, Jan 22, 2021 at 8:00 PM gillman99 ***@***.***> wrote:
Vajonam,
This is working perfectly now! Thank you so much for your help.
Mark
> On Jan 22, 2021, at 6:39 PM, vajonam ***@***.***> wrote:
>
>
> hope this helps
>
> —
> You are receiving this because you authored the thread.
> Reply to this email directly, view it on GitHub <
#20 (reply in thread)>,
or unsubscribe <
https://github.com/notifications/unsubscribe-auth/ASK3KRUI7HR4CLEWSPNIUFLS3ILCTANCNFSM4WGDOOEA
>.
>
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#20 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AABFHNPTCN64M3TTFX6NPBDS3INRDANCNFSM4WGDOOEA>
.
|
Beta Was this translation helpful? Give feedback.
home assistant Lovelace yaml
yaml