search

chfm / chfm.github.io

Chapel Hill Friends Meeting Website
https://www.chapelhillfriends.org
3 stars 0 forks source link

Fix Calendar Page #4

Closed finnjames closed 5 years ago

finnjames commented 5 years ago

The current one is ugly and hard to view/read. It needs to be fixed.

Note: at the time of this writing, the current one is nonexistent, but that is anticipated to be changed soon

finnjames commented 5 years ago

Okay the calendar page is now existent but ugly. Further styling is desired but admittedly a low priority.

finnjames commented 5 years ago

https://codersgrave.com/integrating-styled-google-calendar-website/

gugek commented 5 years ago

For an easy fix just try using the agenda view; which I think will work much better on mobile. We may be able to apply some javascript to change the styling ... but the suggestion above would be a PHP one, we'd need one that is more jQuery or even just plain html oriented.

finnjames commented 5 years ago

Okay agenda view/calendar view now "responsive"

I'd still like to see a better implementation, but there does not appear to be a simple way to do this. I think we may just have to live with an ugly calendar page for now.

gugek commented 5 years ago

Right the other way would be to get some sort of javascript widget. I've seen https://fullcalendar.io/ used that is just a jquery plugin. Go ahead and close this for now @radiolevity

finnjames commented 5 years ago

Added fullcalendar to calendar page, seems like everything is working smoothly, including responsiveness for mobile.

Still to do: figure out a way of getting the info from google calendar without uploading the API key. I got flagged for uploading one so I had to disable the key (so the calendar will appear blank, although it was working before when the key was active). If this is too big of a task switching back to the old two-iframe style is fine but unideal.

finnjames commented 5 years ago

New problem: calendar switches annoyingly when scrolling on mobile (should be easy jquery fix)

finnjames commented 5 years ago

Okay, so the calendar page works now. The scaling issue is fixed and it now actually communicates with Google Calendar (although admittedly I'm relying on Google side security).