thanks will try the single cards.
And check your suggestions.
SAKE10 has the same slider trouble
SAKE10 has the same slider trouble
What browser / OS are you using?
I test on Safari (currently 14.x and 15.x) and Chrome using W10.
Tried on x86 , macOS safari and chrome
Slider works now. was a mistake on my side. Wrong entity
Making my first walking steps also, this card is the most complex way of designing a card iāve ever seen. Not really easy but the possibilities are unlimeted i think. A big Respect for this.
I have a question about something that is displayed depending on a state. My Goal are a few buttons showing if a scene is active.
I have an input text which contains the actual active scene.
I should be light if a special scene is active which is easy (coming from your examples):
- state: 'scene.wz_szene_hell_brightness'
styles:
icon:
color: var(--cs-orange-lighten-20)
fill: var(--cs-orange-lighten-20)
opacity: 1
And be dark if it is another state. Is there an options like ānot stateā for this (like not we can do in the conditions auf automations)? I now test the whole different states the input.text could be, but i wonder if there is a more elegant way?
- state: 'scene.wz_szene_bunt_brightness'
styles:
icon:
color: var(--primary-text-color)
fill: var(--primary-text-color)
opacity: 0.7
- state: 'none'
styles:
icon:
color: var(--primary-text-color)
fill: var(--primary-text-color)
opacity: 0.7
- state: ''
styles:
icon:
color: var(--primary-text-color)
fill: var(--primary-text-color)
opacity: 0.7
- state: 'scene.wz_szene_dunkel_brightness'
styles:
icon:
color: var(--primary-text-color)
fill: var(--primary-text-color)
opacity: 0.7
Not very elegant this way and every time a scene is added or renamed i have to rewrite this.
I know i could could do this as standard in the style context of the card, but then it is not āre-renderedā if the state changesā¦
@AmoebeLabs Hi Marco.
All was due to my misconfigurationā¦
rtfm
everything works well.
Looks like more a V1 Then many other RC I have seen around.
Very good work!
I am trying to get the wide cards from Example 12 to work. The units display when I have the correct entity set but the value/state from the entity never shows.
im not used to code HA using yaml, but the looks is amazing.
is there any possibility to use this without having to yaml code?
thanks
Donāt be scared off the code.
Read the website and documentation there are already lots of examples that you can copy paste for use. (With small adjustments for your own entity)
See post of my here also above got everything of my on GitHub.
You can see complete codes and also my cards separate with icon image. Easy for copy paste.
1 Like
Hi very good job for this card.
Is it possible to increase value when click on icon?
Exemple of my code but if I click the input number = value +1
- type: icon
position:
cx: 90
cy: 10
align: center
icon_size: 40
icon: mdi:chevron-up
styles:
icon:
fill: var(--theme-ref-palette-neutral-variant90)
opacity: 1
user_actions:
tap_action:
haptic: light
actions:
#- action: more-info
- action: ??????
Excuse me for my english
Steph
Create a script for this and call this script in the action.
ok but how call a script with SAK ?
Most probably as in every other HA card as well:
Just started having a look at this integration, all my lights in the house are rgb and I want the fill color of a circle item to be the same as what the light is set to (ideally using rgba with the alpha channel being the fill opacity). Is there any way to do this?
I have looked everywhere I can think of but cannot find anything to point me in the right direction.
Hey guys,
Is it possible to add CSS styling for the Light buttons (the one from the example with the Neumorphic circles) so that when you press the light ābuttonā it animates it as if it were actually pressed down?
I previously used button-card for this with adding ātop: 3pxā css-styling to the āha-card.button-card-main:activeā element
Thanks!
Good morning to all
First of all thanks to @AmoebeLabs for your dedication!
Iām stuck at some point in the installation. donāt know where and how to add:
#################################################################
# #
# Home Assistant Lovelace configuration #
# #
# Created: 2020.09.20 #
# #
# Required setup for Swiss Army Knife #
# #
#################################################################
# Decluttering Templates
decluttering_templates:
!include lovelace/decluttering_templates/decluttering_templates.yaml
# Swiss Army Knife Templates
#
# The system templates come with the HACS install and can be updated
# with a new release. That part is automatic!
sak_sys_templates:
!include www/community/swiss-army-knife-card/sak_templates.yaml
# The user templates are created by the user, and won't be updated
# with a new release. If changes are required, then the user has to
# upate the template configuration files.
sak_user_templates:
!include lovelace/sak_templates/sak_templates.yaml
Some additional information:
- Basic Installation is done with HACS
- Create & Copy data structure as indicated in the documentation.
- Already have a few dashboards, all of them are in āStorageā mode
ĀæCould you give me a short clue?
Thanks in advance again.
BR
These lines must be added to your ui-lovelace.yaml file (default), or if youāve added multiple dasboards to your configuration.yaml and made a new yaml file to be used with SAK, you must add it to that specific yaml file.
For example, I have added 2 dashboards to my configuration.yaml file as you can see below. In my case I have added the lines you posted to my sak.yaml file.
lovelace:
mode: storage
resources: !include lovelace/resources/resources.yaml
dashboards:
lovelace-tryout:
filename: tryout.yaml
title: Tryout
show_in_sidebar: false
mode: yaml
swiss-army-knife:
filename: sak.yaml
title: SWISS ARMY KNIFE
show_in_sidebar: true
mode: yaml
Adding these lines to the appropriate yaml file tells HA where to look for templates as it loads the dashboard.
Hope this makes sense.
just diving into this. First night i got myself very confused with how the setup is done but i think i was tired! Now got the examples working!
The work youāve put into the product AND the documentation is insane, thank you!
Has anyone else had any issues with the wide cards example #12? Iāve added my sensors for temperature, humidity etc and the degrees C and humidity icons appear but no values.
Many thanks, Jordi, my mistake was trying to integrate a few elements of SAK into a āstoredā dashboard. with your information i just realize that Iāll need to start from scrash.
Thanks again.
BR