edit: I solved my first problem, the answer was right there on the github, but somehow I missed it. Sorry if this is a newb question, but I’m trying to set the number of days to display using a sensor value, can anyone see what I’m doing wrong?
I must say this Custom card is really impressive. Using it for a while already, but my family members complain about the fact there’s no name displayed on each event shown. The only way to see who has the event on it’s calendar is by clicking the event.
Right now the only way to know which event belongs to who is by remembering the color assigned to that calendar.
Is it possible to show the name of the owner (or a predefined name) at the overview on each event?
In the doc’s I’ve found this, but it doesn’t seems to work as no names are shown, or I implemented it in a wrong way, or I misunderstood the use case for this attribute
My code and the suggested placeholder for the name is shown below:
@FamousWolf first off thanks for making this card its very well thought out.
I was wondering if you have a simple way to convert the Hex Value of the border-color to RGBA where the Alpha value is hard coded. I first thought I could write a small script but it doesn’t look like I can in YAML…
Anyway I’m trying to take the border color and then use a muted version as the background color.
Maybe an update to your script you could offer a Background color option on each calendar.
here is the script I tried…
<script>
function hexToRgba(hex, alpha) {
let r = parseInt(hex.slice(1, 3), 16);
let g = parseInt(hex.slice(3, 5), 16);
let b = parseInt(hex.slice(5, 7), 16);
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
}
document.documentElement.style.setProperty('--my-color', hexToRgba(var(--border-color), 0.8));
</script>
I have found the name: var is used only in a hidden option to view the Legend.
If at the top level you use showLegend: true you will see the calander.name so if you use the name var on the cal level you can show a friendly name like below.
Yeah the app is setup nicely to make changes like that if you are using card mod. If not you just need to install it in the HACS Store. See the examples in the picture.
put this code inline at the top level. If your using style already just add from the .saterday down
Alright this one took me a minute but I got it worked out. Your going to need to wrap your card inside another card called config-template-card. Then you can put some variables in and call them. See the code below.
…installed the config-template-card, but it doesn’t even show the calendar.
Does the variable interact with the custom week planner? Or does it just limit the size of the area where the calendar is shown?
Hey I thought others might be interested I was able to get my problem fixed with the second color for each Calendar. See the results below. I submitted a pull request for the change which is very small to allow for it.
I might be missing something really simple but how do I change the text colour for “No Events” text, the text for actual events and times? Mine are grey on a darker grey background and can barely see them!
