Hello. Nice work.
Can you share your automation.volets_fermeture_si_il_fait_ensoleille and your input_select.type_de_contenu. Please
Also on your search part, how do you have a youtube musique search browse feature
thanks for your help
Hi!
This is a beautiful layout. Great, great work!
Might you know why when I attempt to navigate to the dashboard, I get a white screen? The only way I can get the dashboard to load is if I enter raw configuration editor and then exit. Then everything loads.
Thanks for any help!
So - Iâve followed the instructions, but for some reason, I have absolutely nothing appear in my dashboard⊠F12 gives me no relevant errors!
Halp!
Thanks
Hi!
Iâm having the same issue. Were you able to find the cause for this?
Regards
Hi, sorry for the late reply. Everything is still working for me even after the new 2023.7 update. Without more information Iâm not sure how I can help you, but Iâm working on an all-new version that will be a lot easier to install. Iâm focusing a lot on this point.
You can find all the updated information here:
Hey @Cloos, first! amazing dashboard, waiting for your implementation to Tablet!
Second, i stuck on step 10-11 trying to config it.
i need to create a new view (etc Footer\Header) choose Thene:noctis, view type: Sidebar, then in this view to enter Raw configuration editor, and right after
cards: i need to past from Lovelace file from ''decluttering_templates (include) until title (not include), to do changed depand to my names.
and than what? i create new view (Home for example) with Theme:noctis, view type (Masinry) and toggle subview?
because if yes, i add cards just to try and i dont see any header and footer.
what i missed?
Installing the theme on 2023.07.01 is currently not working
Hi, have you followed these points?
In the folder you downloaded earlier, open the lovelace.yaml file with a text editor.
Copy all the lines of code from decluttering_templates: to the last line right before title:.
Paste this code in the top of your Raw configuration editor in Home Assistant.
Hi, can you tell me what is not working? The theme is still working for me on 2023.07 but it was installed way before this version.
Hi!
Thank you for your reply.
After I followed the steps from github, the only thing I see on my dashboard is:
I have the same problem. If i edited in the config edit and save it will show me the cards.
Hey there⊠Great dashboard!! Iâm in the process of trying to set it up⊠Can you tell me what this code is doing for you? I just have a bunch of Alexaâs around the house⊠Curious what your âmedia_playerâ is and what that Deezer switch is doing⊠Thanks!!
- type: custom:vertical-stack-in-card
cards:
- type: conditional
conditions:
- entity: media_player.musique
state: 'off'
card:
type: custom:paper-buttons-row
buttons:
- entity: switch.deezer
icon: mdi:music
layout: icon_name
name: Flow Deezer
state_styles:
'off':
button:
position: absolute;
top: 50%;
border-radius: 100%;
width: 42px
height: 42px
margin-top: '-46px'
filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.2))
background: >-
var( --ha-card-background,
var(--card-background-color, white) );
background-size: 140% 70%
background-repeat: no-repeat
background-position: 50% 100%
background-color: '#3e4c69'
icon:
margin-top: 44px
name:
margin-top: 20px
width: 100px
'on':
button:
display: none;
- type: conditional
conditions:
- entity: media_player.musique
state_not: 'off'
card:
type: custom:mini-media-player
volume_stateless: true
name: Salon
group: false
volume_step: '3'
entity: media_player.musique
sound_mode: full
artwork: full-cover
toggle_power: false
source: icon
hide:
name: true
source: true
style: >
ha-card {
height: 100% !important;
width: 100% !important;
position: absolute !important;
} .flex {
display: block;
{% if not is_state('media_player.musique','off') %}
filter: drop-shadow(0px 2px 2px rgba(0,0,0,1));
{% else %}
{% endif %}
} ha-card.--has-artwork .cover{
opacity: 0.9;
} .entity__info__media {
opacity: 1 !important;
padding-right: 16px;
overflow: hidden;
height: 4.4em;
height: 100%;
} div.entity__icon {
{% if not is_state('media_player.musique','off') %}
display: none;
{% endif %}
} mmp-media-controls {
{% if not is_state('media_player.musique','off') %}
filter: drop-shadow(0px 2px 2px rgba(0,0,0,1));
flex-wrap: wrap-reverse !important;
{% endif %}
} ha-card > div.mmp-player {
padding: 12px !important;
{% if not is_state('media_player.musique','off') %}
{% else %}
#display: none !important;
{% endif %}
} ha-card > div.mmp-player {
{% if is_state_attr('media_player.salon','media_content_id', 'Bluetooth') %}
position: relative;
height: 20vh;
{% else %}
position: absolute;
align-self: flex-start;
height: 100%;
{% endif %}
background: radial-gradient(circle, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 100%) !important;
font-size: 0.9em !important;
} ha-card > div.mmp-player > div.mmp-player__adds
{
position: absolute;
bottom: 14px;
padding: 0 16px 0 0;
} div.flex.mmp-media-controls__media {
margin-bottom: -5px !important;
}
style: |
ha-card {
height: 100% !important;
width: 100% !important;
}
style: |
ha-card {
margin: 14px 20px !important;
background: none;
}
.type-custom-vertical-stack-in-card {
overflow: visible !important;
}
@Joeri94 @leecable34 @robnnson
I think i have found the reason why. Try removing the following section in in yaml code in the dashboard view:
visible:
- user: a27a825440914ad7a919367c2e53793e
- user: aadd52d881af46bca495e279bee867bf
- user: 10a78a75e63f4c5ba22a81742f59b925
2 Likes
Hi, this is a switch that start my âFlowâ on Deezer, it replace the player when there is no media playing.
Thank you for your comment Nico!
I reviewed the stapes I took and found something I did wrong. Initial dashboard shows now!
2 Likes
Thanks for the reply. So are you just sending it to a Sonos or something? Is that what media_player.musique is?
Another question⊠How are you getting the presence stuff for the last 24 hours and the info from this sensor: sensor.geraldine_temps_a_domicile
Thanks
> - entity: sensor.geraldine_temps_d_absence
> type: custom:multiple-entity-row
> name: Présence
> state_header: Absente
> secondary_info: DerniĂšres 24h
> entities:
> - entity: sensor.geraldine_temps_a_domicile
> name: Domicile
> - type: section
> - entity: sensor.iphone_de_geraldine_battery_level
> type: custom:multiple-entity-row
> name: Ătat du tĂ©lĂ©phone
> state_header: Batterie
> entities:
> - entity: sensor.iphone_de_geraldine_activity
> name: Activité
> - type: section
> - entity: sensor.iphone_de_geraldine_geocoded_location
> type: custom:multiple-entity-row
> name: Localisation
> styles:
> text-align: right
> - type: section
> - type: custom:vertical-stack-in-card
> cards:
> - type: history-graph
> entities:
> - entity: sensor.geraldine_presence
> name: GĂ©raldine
> title: GĂ©raldine
> hours_to_show: 24
> refresh_interval: 0
> style: |
> ha-card {
> margin: -10px -10px 6px;
> }
> - type: map
> entities:
> - entity: person.geraldine2
> dark_mode: false
> style: |
> ha-card {
> border-radius: 28px !important;
Youâre welcome! Yes, this is a Denon AVR, the switch turn on a script that start the music. And for your second question here is what I use:
Really like the header with weather and trying to apply it in my own dashboard. I tried style ha-card and card mod but I canât get background:radial-gradient and keyframes opacity working.
I now have the code below and would go from there, I donât need ready-made code but anyone have an idea which direction I should look?
- type: conditional
conditions:
- entity: sun.sun
state: above_horizon
elements:
- type: image
image: /local/weather/day.png
tap_action:
action: none
style:
left: 50%
top: -35%
Width: 100%
opacity: 85%
transform: scale(2.0,0.2)
This is an amazing dashboard! Thank you for the hard work. Trying to adapt it for myself now.
I love the header showing live weather condition, but I do not have a camera pointing outside. Does anyone have a list of images I can use for different weather conditions to put in the top banner?
Also for the footer is there a way to make it show only when scrolling down so itâs not always visible?