Apple Calendar integration

[srobison62]

Hello, I have been spending the past day or so trying to integrate my apple calendar onto Magic Mirror. I had a scrolling calendar but after playing with CSS now I have nothing.

Im just looking to put a calendar on about 90% of a vertical screen. Then at the top Id like the Date and Weather. Would someone mind sharing their config if they have something close to this?

[MMRIZE]

@srobison62 said in Apple Calendar integration:

Right now its only taking up about 60% of the screen and itsgot alot of space on the sides

How is your current config.js and custom.css?
To make things simple; disable all other modules(of course, except the default calendar module) then focus on this module alone, then adjust things.

[sdetweil]

@srobison62 what calendar module are you using? the built in module only does a list

[srobison62]

@sdetweil Oh that explains it, I had it working as a list then i installed the MMM-CalendarExt2 Module

[sdetweil]

@srobison62 don’t post duplicate messages

all users with reputation below 2 have their messages reviewed before going on the forum .
this cuts out all the spam and worse…

I review every message

[sdetweil]

@srobison62 you should use the CalendarExt3 module it takes the events from the default calendar feed
and u can hide the default by commenting out its position setting

// position: …

[srobison62]

@sdetweil Ok Ill try that thank you!

[srobison62]

@sdetweil Ok I got it working but for some reason it wont display my calendar, also it looks hideous lol

[sdetweil]

@srobison62 looks hideous… beauty is in the eye of the beholder. that’s why there is css!

wont display your cal? does the default cal show the events ? if not ext3 won’t as it gets the events from default cal

[MMRIZE]

@srobison62
Show us TO-BE and AS-IS.

[brentmatthews]

@srobison62

This is the second page of my setup. A couple of MMM-MyCalendar in use here as well as the default clock,and mmm-OpenWeatherForecast

All on a 34inch UWQHD monitor.

[MMRIZE]

@brentmatthews
So… what you expected and what you got really that looked hideous?

[brentmatthews]

@MMRIZE I’m not sure I understand your comment.

The calendars work well and have many different uses for my family. What part of it looks hideous to you? Certainly welcome to take on board any thoughts as this is my first MM setup.

[MMRIZE]

@brentmatthews
Ah sorry. It was not about you. I had confusing @srobison62 and you.

[srobison62]

Its definitely not working how i want but here’s what I have now:

Its also not bringing in my calendar details for some reason.

What I am looking for is something to replace our Kitchen calendar.
so basically 90% of the screen would be our family apple calendar and then at the top would be the date and time on one side and maybe weather on the other.

[brentmatthews]

@MMRIZE haha all good. Any feedback still welcome. :)

[MMRIZE]

@srobison62

1. XXX_center is not a good place to use CX3 module. center position too narrow and doesn’t have a fixed width because it is decided by left and right width by calculation. Especially in the vertical screen? Terrible. You may have only around 1000px(considering the gap of margin) width of the vertical screen, and that number should be shared with another region, left and right. Usually, a pretty side region would have over 300px, so your center region will have only 300~400px. It is not enough for 7 days cells of the calendar.
   I recommend bottom_bar.

2. The CX3 module doesn’t handle ICS data directly. You may need the default calendar module as a calendar events provider. You also need to set the `broadcastEvents’- related properties properly.

3. It seems you already did CSS modification; it’s your taste. I’ll not mention about it. Anyway, I cannot agree that the default CSS would be awful at all.
   

[srobison62]

@MMRIZE Ok yea that position looks way better. Is there a way to make it taller?
Right now its only taking up about 60% of the screen and itsgot alot of space on the sides

[MMRIZE]

@srobison62

Is there a way to make it taller?

It depends on how big the font size is and how many events will be shown in one cell.
These properties are related to that.

Of course you can adjust more details with CSS overriding.

[MMRIZE]

@srobison62 said in Apple Calendar integration:

Right now its only taking up about 60% of the screen and itsgot alot of space on the sides

How is your current config.js and custom.css?
To make things simple; disable all other modules(of course, except the default calendar module) then focus on this module alone, then adjust things.