That makes sense; I knew it was either an indent or a deletion that I did that made it work. But, uh… is your calendar actually working okay? Most of the people who are looking to have a Skylight or similar have lots of stuff on their calendars, which is what necessitates making it digital. Yours, no offense, is pretty… barren.
If you want post code, use this ``` before and after.
some yaml:
next line: indented
3rd line: of yaml
Getting it working. I didnt know we had to make all the helpers and only calendar i had setup in testing is my garbage pickup schedule calendar. Still working on getting it all setup but much closer now with adding events working finally.
Speaking of helpers, once you figure out how to recreate the helpers needed, let me know, please. I’ve been spinning my wheels on that one for a few days now.
just add these helpers:
Text:
“calendar_event_title”
“calendar_event_description”
“birthdays_calendar_filter”
“[PERSON]_calendar_filter”
Dropdown:
“calendar_select” (add your calendar options)
“calendar_view” (options: Today, Tomorrow, Week, Biweek, Month, Bimonth)
Datetime (Date):
“calendar_day_event_start”
“calendar_day_event_end”
Datetime (Time)
“calendar_event_start”
“calendar_event_end”
Toggle:
“calendar_all_day_event”
You don’t have to create them manually - you can, but you don’t need to.
To have them created automatically, you just place family_calendar.yaml in the packages folder:
edit configuration.yaml to include the following:
homeassistant:
packages: !include_dir_named packages
and then restart Home Assistant.
1 Like
Did that, but, don’t you know, I have 0 helpers in my configuration. Orange, could you share the configuration of one or more of your family calendar helpers, please?
did you create directory “CONFIG” all caps?
It looks like this, noting that I cannot edit it in the UI because it was created via yaml.
If I was creating one manually, it looks like this:
In the following dialogue, it will have unknown in the red-circled box. Change this to .*
In the list, it looks like this:
Those created via yaml have the icon circled in red next to them, meaning they can’t be edited via the UI.
No, that’s a pre-existing folder created by the HA install.
I wonder if the issue I was having was with the method of how HA is running; for me, my HA server is running HAOS natively, rather than in a container? Maybe that’s part of the complications? My configuration.yaml file doesn’t HAVE a homeassistant heading, so before I upgraded to HAOS 17, I had manually created
homeassistant:
packages: !include_dir_named packages
manually, but the helpers were never made nor were the scripts.
EDIT: It still doesn’t work quite yet in HAOS 17 yet for me, despite manually creating the helpers, so I have the create the scripts as well, I presume…
I don’t think so. I’m running HAOS on a Pi 5.
Nor did mine, so I added it, as you have now done.
Yes, there are a number of other helpers, aside from the calendar filters, and the scripts to create.
I didnt see a way to manage / edit events so i created a way. added button that opens HA calendar overlay to edit/delete events. works good for me until there is a better solution. if anyone has better way of doing this for Local calendars please let me know.
Please can you share the config for this?
sure. only issue is having a heck of a time removing header in overlay i do not want kids opening other dashboards from the menu but here is code you only need Manage / Edit Events bubble card section just included section before and after to show where i added it.
- type: custom:bubble-card
card_type: button
button_type: name
card_layout: large
name: Add Event
icon: mdi:calendar-plus
tap_action:
action: navigate
navigation_path: '#addcalendarevent'
styles: >
* { font-size: 1.05em !important; }
ha-card { --bubble-main-background-color: #393745 !important;
width: 300px; }
.bubble-icon { --mdc-icon-size: 30px !important; color: snow
!important; opacity: 1; }
.bubble-icon-container { background: #393745 !important; display:
flex; }
.bubble-name { color: snow !important; opacity: 1; display: flex;
line-height: 18px; flex-direction: row; justify-content: center;
flex-grow: 1; margin: 0 40px 0 0; pointer-events: none; position:
relative; overflow: hidden; }
grid_options:
columns: 12
rows: 1
- type: custom:bubble-card
card_type: button
button_type: name
card_layout: large
name: Manage / Edit Events
icon: mdi:calendar-edit
tap_action:
action: call-service
service: browser_mod.popup
service_data:
title: Manage / Edit Events
size: wide
dismissable: true
content:
type: iframe
url: /calendar
aspect_ratio: 70%
styles: >
* { font-size: 1.05em !important; } ha-card {
--bubble-main-background-color: #f0d5d1 !important; width: 300px;
}
- type: custom:bubble-card
card_type: select
entity: input_select.calendar_view
show_name: true
show_state: true
name: Select View
show_last_changed: false
show_attribute: false
column_span: 10
1 Like
also for anyone having issues with fonts this fixed it for me:
In the Skylight.yaml theme file:
1. Add ha-font-family-body: "var(--primary-font-family)" to the Skylight.yaml theme file under the "primary-font-family:
"'Ovo', serif"" line.
2. Comment out the card-mod-root-yaml code:
# card-mod-root-yaml: |
# .: |
# @import url('https://fonts.googleapis.com/css2?family=Ovo&display=swap');
In HA, add the font as a dashboard resource.
1. Settings → Dashboards → ⋮ → Resources → Add Resource
2. URL: https://fonts.googleapis.com/css2?family=Ovo&display=swap Type: Stylesheet
In the dashboard yaml, add the theme (or select it in the dashboard edit gui).
theme: Skylight
