Hey guys,
i finally managed to update the UI to the newest state. But somehow the borders in popup cards came back. I just can’t find the setting to delete them. Can somebody help me out please?
1 Like
this looks very good, would you share your code and maybe show more of your dashboard?
It’s only a lovelace card.
Here you go:
Feel free to reach out to me if you need further help to set it up
Not sure if I missed a bug or something, but the title of my pop-up cards is not appearing right and can’t figure out why this is happening…
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: AC Woonkamer
card_mod:
card:
type: vertical-stack
cards:
- type: thermostat
entity: climate.ac_woonkamer
Ah, thanks! I haven’t touched my dashboard for quite some time but kept on updating it… So just came to the discovery this happened. So, no real fix for it yet I see?
Thanks for your update.
2 Likes
Hello, may I ask if the section with an arrow on your air conditioning card will automatically change the title of the second grid card after sliding the card? I want to change the title of the card when sliding it, just like a media card. I don’t know how to achieve this function. If you know, can you tell me? Also, how did you keep the information at the bottom of your sidebar?
Going to feel like a moron, but where is this file located/ how can I access it? Can’t seem to find any folder called js somewhere…
js/plugin/popups.ts
I’ve editted the rest now, just need to do that last one… many thanks!
Hi, I hope you don’t mind I reply to your comment.
I’m having the exact same issue with the Plex Recently Added component, it shows the title/name from the recently added movie or show, it downloads the image, but the image is 0.1kb and doesn’t actually work.
The state of the sensor is fine, it shows the paths to the proper image, but the images themselves seem to be corrupt or something. When I delete the images it redownloads them, but still as 0.1kb and not viewable.
Any idea on why this isn’t working properly? It obviously is making a connection to my Plex but isnt grabbing the proper images…
Go to Plex. Edit Kandahar (2023), select a different poster and/or background (or upload new ones and use those) - then Save Changes.
Delete image files located in Plex_Recently_Added and wait for the new files to be fetched.
Just did, selected a new poster, removed the old files and waited for them to be fetched. Same 0.1 kb files that cannot be used appeared… 
There you go:
pretty_date:
friendly_name: heutiges Datum
value_template: >-
{% set today = states("sensor.date") %}
{% set arr_week_days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"] %}
{% set arr_months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"] %}
{% set week_day = as_timestamp(today) | timestamp_custom('%w') | int %}
{% set day = as_timestamp(today) | timestamp_custom('%d') | round %}
{% set month = as_timestamp(today) | timestamp_custom('%m') | int %}
{% set year = as_timestamp(today) | timestamp_custom('%Y') | int %}
{{ day }} {{ arr_months[month-1] }} {{ year }}
attribute_templates:
week_day: >-
{% set today = states("sensor.date") %}
{% set arr_week_days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"] %}
{% set week_day = as_timestamp(today) | timestamp_custom('%w') | int %}
{{ arr_week_days[week_day] }}
day: >-
{% set today = states("sensor.date") %}
{% set day = as_timestamp(today) | timestamp_custom('%d') | round %}
{{ day }}
month_num: >-
{% set today = states("sensor.date") %}
{% set month = as_timestamp(today) | timestamp_custom('%m') | round %}
{{ month }}
month_name: >-
{% set today = states("sensor.date") %}
{% set arr_months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"] %}
{% set month = as_timestamp(today) | timestamp_custom('%m') | int %}
{{ arr_months[month-1] }}
year: >-
{% set today = states("sensor.date") %}
{% set year = as_timestamp(today) | timestamp_custom('%Y') | int %}
{{ year }}
Yes I solved it and adjusted a little.
But I don’t know how to change the sensor value to just the time hours.
1 Like
Hi! First of all, absolutely LOVE what you’ve created here, it’s so sleek and good looking, mad props!
Question, how would I be able to make a specific button light up based on the float of the state of an entity?
I have a button that is tracking a smart power socket behind my computer, on which if the power is > 4.0 watt, the card itself should light up. How would I go about doing such a thing? Thanks!
One way is to make a binary sensor.
Hi everyone
I would like to modify the display of the sensor.plex_recently_added sensor: instead of having a random rendering, I would like to display the last 5 with a fade effect between each element. Something like this: https://codepen.io/root00/pen/RGgNrq
Has anyone tried this before or have any tips on how to do this?
THANKS
Hi, I have something similar. I added another swipe card with autoplay…
- type: grid
title: Movies
view_layout:
grid-area: movies
show:
mediaquery: '(min-width: 1441px)'
columns: 1
cards:
#Conditional Media
- type: custom:swipe-card
parameters:
pagination:
type: bullets
clickable: true
direction: horizontal
roundLengths: true
effect: coverflow
speed: 650
spaceBetween: 20
threshold: 7
coverflowEffect:
rotate: 80
depth: 300
cards:
- type: vertical-stack
cards:
- type: custom:swipe-card
start_card: 5
parameters:
autoplay:
delay: 5000
disableOnInteraction: false
reverseDirection: true
mousewheel:
sensitivity: 2
pagination:
type: bullets
clickable: true
grabCursor: true
threshold: 7
speed: 600
spaceBetween: 70
direction: vertical
autoHeight: true
slidesPerView: auto
cards:
- type: grid
columns: 1
cards:
- type: custom:button-card
entity: sensor.added_movies
name: ' '
double_tap_action: !include /config/popup/popup_ymovies.yaml
template:
- added_movies
- type: grid
columns: 1
cards:
- type: custom:button-card
entity: sensor.added_movies
name: ' '
double_tap_action: !include /config/popup/popup_ymovies.yaml
template:
- added_movies
- type: grid
columns: 1
cards:
- type: custom:button-card
entity: sensor.added_movies
name: ' '
double_tap_action: !include /config/popup/popup_ymovies.yaml
template:
- added_movies
- type: grid
columns: 1
cards:
- type: custom:button-card
entity: sensor.added_movies
name: ' '
double_tap_action: !include /config/popup/popup_ymovies.yaml
template:
- added_movies
- type: grid
columns: 1
cards:
- type: custom:button-card
entity: sensor.added_movies
name: ' '
double_tap_action: !include /config/popup/popup_ymovies.yaml
template:
- added_movies
- type: grid
columns: 1
cards:
- type: custom:button-card
name: ' '
entity: sensor.trakt_next_to_watch_only_aired
template:
- conditional_media_shows
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.upcoming_shows
3 Likes
Nice ! Can you share your added_movies template too please ?
Sure, but I don’t have that much experience with coding, so it’s very messy.