I’m looking to have a card like you’ve got on your second picture here. Would you share the code for this card please?
Does anyone know if it’s possible to set a titleLength per calendar? And/or otherwise modify the next event title of a calendar?
I haven’t yet, but I am still working on it. Looking at the github for the addon you recommended now.
you can always butch it with:
.event-right {
color: green;
font-size: 20px;
display: flex;
flex-direction: row;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100px;
}
Those bright horizontal lines bothered me too and since I couldn’t find a solution in here, I dived into the world of cardmod to figured it out myself… succesfully!
Here’s what worked for me:
card_mod:
style: |
.single-event-container {
gap: 0px !important;
border-top-width: 1px !important;
border-color: #444444 !important; }
At first I ditched all lines using border-top-width: 0px; but for better readability I went for very dark lines.
The gap: 0px; part it makes the descriptions take less space, without substantial layout changes or feeling too compact.
Hi! congrats for this wonderfull calendar!!
Is there anyway to change the background color of the “selected day”? I can’t find it.
Thanks!
In the event list view mode, is there a way to always show the number of days until the event instead of months?
So if something were coming up on April 18, it says “in 2 months”. Any way to get it to say “in 54 days”?
Has anyone successfully mimicked the look of the canned HA calendar but with the customization of this one? I prefer the look and feel of the HA one, very clean, but it sure would be nice to have some broader customization options.
When I don’t have any events in the Calendar I would like NOT to display the box with the writing and have it appear only when I have an Event. how can I do?
1 Like
Yes, I know it but I don’t know how to apply it, I have multiple calendars and, the dates are in successive days!
I’ve tried everything but I can’t because I have 2 calendars showing 3 days max and I don’t know how I could apply a Condition!
My school calendar has idiotic long name for events, I wanted to change them to just the subject; ELE118
I tried this:
- entity: calendar.ele118_grunnleggende_nettverksteknikk
name: ELE118 - Grunnleggende Nettverksteknikk
eventTitle: ELE118 - Grunnleggende Nettverksteknikk
But title for the events are still: KOM_2023_HØST, Emne: ELE118
I am trying to find a way to not show the hours when there are no Events planned for the day. Infact i would love it if i could get rid of the hours until for today’s event totally.
I’m trying to get a multiday calendar event to be split to show the event on each day of the calendar. Right now it only shows the event on the first day.
here is the card config:
- type: "custom:atomic-calendar-revive"
name: "Work Calendar"
defaultMode: Calendar
firstDayOfWeek: 7
showLoader: false
entities:
- entity: calendar.mycal_gmail_com
type: icon
icon: mdi:weather-sunny
color: green
allowlist: days
showMultiDay: true
- entity: calendar.mycal_gmail_com
type: icon
icon: mdi:weather-night
color: red
allowlist: nights
showMultiDay: true
according to the docs the “showMultiDay” should split the event up and show it on each day. Or at least that’s the way I understand it.
Any hints on what I’m missing?
Is there a way to increase the spacing between events using cardmod or some other option?
Hello, I’m trying to make the calendar a post it, how can I make the calendar transparent and change the text style?
Thank you
type: picture-elements
elements:
- type: custom:atomic-calendar-revive
name: Calendario
entities:- entity: calendar.breewzane_gmail_com
fullDayEventText: All day
untilText: Until
showColors: true
maxDaysToShow: 3
showLocation: true
showMonth: false
showCurrentEventLine: true
dateColor: black
dateSize: 90
timeColor: blue
timeSize: 90
titleColor: black
titleSize: 100
locationIconColor: rgb(230, 124, 115)
locationLinkColor: black
locationTextSize: 90
dimFinishedEvents: true
finishedEventOpacity: 0.6
finishedEventFilter: grayscale(100%)
dayWrapperLineColor: black
eventBarColor: blue
showProgressBar: true
progressBarColor: blue
style:
left: 50%
top: 50%
width: 75%
image: /local/foto/pit2.png
- entity: calendar.breewzane_gmail_com