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.
1 Like
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
1 Like
Does anybody know a solution how to remove the lines between the events, and how to modify the column widths.
I tried with this code for removing the line, but it’s not working.
card_mod:
style: |
.daywrap {
border-top: 0px !important;
}
Update: I just had a type, it’s working fine now.
I also made one more modification, to give the date more space:
.single-event-container {
grid-template-columns: 1fr 2fr !important;
height: 20px !important;
}
The default grid is 0.5fr 2fr which was too small for my need.
How to have links to the event in the calendar entity?
I mean i’d like to have the choice to click on the event and go to the link of the event.
1 Like
Hi, is it possible somehow to do some action when tapping the cells for the days in calendar mode? I want to show all events for that day using the same calendar but in event mode. It would be great if I could link two calendars together, so if I select a day in calendar mode, the events for that day would be displayed in event mode. Or just some tap action that give me the date so I can do some custom action with it…
1 Like