Thank you for your quick response. I did all this.
What you see in navigation code, this is what I use in all my cads to navigate to the different pages and its working fine, but when I add this code to your card nothing happens.
I now its something with my code, but couldnāt figure it out what and where.
This is what I have for now. Itās working good , but I can click only area where picture is. I canāt ( for some reason ) use whole card transparent picture, or may be I am doing this wrong.
Itās working much batter now. I edit my transparent picture with online tool and now itās not visible like it was before and working great. THANK YOU FOR YOUR HELP AND SEGESTION.
Here is my code if anyone want to use it:
type: custom:stack-in-card
cards:
- type: markdown
tap_action:
action: navigate
navigation_path: weather
card_mod:
style:
.: |
ha-card {
background-color: rgba(0,0,0,0) !important;
box-shadow: none;
margin-left:0rem
}
ha-markdown-element:second-of-type h1 {
background-color: rgba(0,0,0,0);
color: var(--primary-text-color);
font-weight: normal;
font-size: 3px;
line-height: 3px;
}
content: >
###{% if now().hour < 5 %} Good Night {{'\U0001F634'}} {% elif now().hour
< 12 %} Good Morning {{'\u2615\uFE0F'}} {% elif now().hour < 18 %} Good
Afternoon {{'\U0001F44B\U0001F3FB'}} {% else %} Good Evening
{{'\U0001F44B\U0001F3FB'}}{% endif %} , {{user}}.<br/> Today is {{
now().strftime('%A') }}, {{ now().strftime('%B') }} {% set suffix = ['st',
'nd', 'rd'] %}{% set day = now().day %}{% set index = 3 if day // 10 == 1
or day % 10 == 0 else (day % 10) - 1 %} {{ day~'th' if index > 2 else
day~suffix[index] }} and it's {{ now().strftime('%-I:%M %p') }}. <br/>
Temperature {{states('sensor.openweathermap_forecast_temperature') |
int }}Ā°C <br/> {{states('sensor.openweathermap_condition') }}.
- type: picture
image: /local/MyPictures/OIP-removebg-preview.png
tap_action:
action: navigate
navigation_path: weather
card_mod:
style: |
ha-card {
background-color: transparent !important;
}
card_mod:
style: |
ha-card {
height: 20em !important;
background: linear-gradient(to top, transparent, rgba(var(--frog-rgb-{{states('sensor.weather_frog_status')}})) 10%), url({{states('sensor.weather_frog_image_wide')}});
background-size: cover, 200% auto;
background-position: bottom left {% if is_state("sensor.weather_frog_location", "field") %}20%{% elif is_state("sensor.weather_frog_location", "hills") %}40%{% else %}10%{% endif %};
background-repeat: no-repeat;
background-blend-mode: saturation;
font-size: 10px;
}
Long time no activity here. But I noticed that the navigation menu is not working for me. Itās not sticky anymore. Iām on the beta of HA, the release that comes today.
Probably something is changed what breaks it. But i donāt know what that could be.
Iām still on 2024.2, so I canāt tell what has changed in 2024.6. Maybe someone else knows what changed? Or perhaps itās been discussed in the Mushroom topic already? Otherwise Iāll check it out myself when I upgrade.
Great work! Would you be kind enough to share your entire yaml code? I want to create exactly the same view and would be an amazing not to start from zero.
Does anyone has a fix for the blank page when you open the dashboard. I have a workaround, but would like to have it fixed. The work aroudn for me is to click on edit dash board - rawconfig-editor and close it again.
Hi, @ArenaCloser . Are you still using Frog weather background? Mine is stop working after last HA update and 2 sensors is shows unavailable. I try to find a solution, but no luck so far. Any idea what to do? Thank you
) use whole card transparent picture, or may be I am doing this wrong.
