Lovelace: Advanced calendar card

Thanks.
Issue is now fixed.

I like the atomic calendar very much, thank you for the great work. I use it on my wall mounted tablet in the main screen. In this view i want to show the complete view without scrolling. For thi sreason i would like to fix the max heigth of the calendar. Is there a way to achieve this. The only way i see at the moment is to reduice the “maxDaysToShow”, but this leads to very different heigths depending on how much entries i have in my calendar. Any suggestions? :thinking:

It is in a fairly simple stack that can be changed to suit your needs, code is here: https://github.com/Dino-Tech/Home-Assistant-Main/blob/40808e5b63823feb37f2e9e2ef34d84f7493b48d/ui-lovelace.yaml#L2005-L2062

1 Like

You can set the card height with the setting height: using card-mod. I think you can use overflow: hidden to keep it contained within the height you set the card to. Not sure, as I don’t list out events, but worth a shot.

Did you solve the problem? I am experiencing the same issue…

Is the bignumber-card still working with the latest HA releases? I cannot get it working following your examples…

1 Like

I have this code using the atomic-calendar card:

      - type: custom:atomic-calendar-revive
        name: Calendario
        style: |
          ha-card {
            border-radius: 20px;
            font-family: 'Georgia';
            font-size: 14px;
            font-weight: normal;
            border: solid 2px var(--primary-color);
          }
        title: " "
        enableModeChange: true
        defaultMode: 2
        showProgressBar: true
        CalEventHolidayColor: 'red'
        fullDayEventText: 'All day'
        showColors: true
        CalEventIcon1Color: "yellow "
        CalEventIcon2Color: "green "
        CalEventIcon3COlor: "white "
        entities:
          - entity: calendar.contacts
            type: icon1
          - entity: calendar.festivita_cristiane
            type: holiday
          - entity: calendar.mauriziofabianigmailcom
            type: icon3
            eventCalName: 'Personale'
          - entity: calendar.inter_calendar
            eventCalName: 'Inter'
            type: icon3
          - entity: calendar.storia_ditalia
            eventCalName: 'Storia Italia'
            type: events

And clicking over a date i get the events for all the calendaries i listed except the calendar.storia_ditalia.
For this calendar i get the entries only if i switch to the other mode (agenda).
Can someone tell me where i am wrong?
Clicking over a day with events from that calendar i don’t get any like the screenshot i include.

Schermata 2020-04-15 alle 17.11.51

While in the other mode i get:

Schermata 2020-04-15 alle 17.12.14

As you see for the day 15 i have more entries than what is showed in the mode 1 screen…

Yes, I’m on HA version 0.108.3 and works fine. Make sure you are using your own time sensor entity. Possibly try it in a separate card first. Having no issues so far.

I tried also in a separate card but no way, i don’t get any error, simply a blank screen…
What you mean with own time sensor entity?

@qrioniclabs Move to this version:

I have fixed this issue there and added more features.

1 Like

Yes, i already moved to this version…
What is wrong with my code?

                        - type: custom:bignumber-card
                          entity: sensor.time_12_hour
                          scale: 27px

the sensor.time_12_hour as used above, needs to be the entity you use for your time.

Yes, of course as you see in the code i posted…

No, I do not see any code for bignumber-card, but this is a bit off topic for subject here :thinking:

Oh, sorry you’re right… mismatched code!

Installed it via HACS - the installation manual on Github is not 100% correct, but I got it working. Just barebone for the moment - will explore other features later on.

Thank you!!

It would be great if you could update what was incorrect on GitHub. Or provide the details here

I’m sorry, you’re right:

  • Resources now seem to be configured via UI, not ui-lovelace.yaml as stated in 6.
  • I had to alter the URL of the resource to /local/community/atomic_calendar/atomic-calendar-revive.js. It works for me, but I am unsure if this is generally correct. I am new to HACS and the log states the future URL should be /hacsfiles/

How to have all the sundays with the same color of CalEventHolidayColor option?
Actually i have only the holidays colored and not the sundays…

Have you tried with a different type for that calendar?
The only valid types as far as I can tell are “icon1”, “icon2”, “icon3” and “holiday” and it’s possible that is preventing the events from showing when you click on the date in the calendar mode.