All geek questions in one place

Any way to further customize the Google built-in calendar?

I would like to add some Google Calendars to my client website. The Google Embeddable Calendar Helper provides very few options. Updating the hexadecimal code for the background color in the generated source only works if you select one of the standard colors for Google Calendar bg. (I can adjust the border selector because at least it is in the actual expression.)

The source view on the displayed page shows a CSS file loaded from an iframe, but I obviously can't change anything. And I suppose I can’t get to override the selectors with my own CSS file, because I don’t have the ability to “inject” it into the iframe.

Does anyone know of a (non-API) way to customize colors, fonts, and other CSS styles in the built-in Google Calendar?

Thanks in advance...

+4
source share
3 answers

You simply cannot change the iframe due to the same origin policy ; browsers tightened security on Cross Frame scripts due to possible hacks.
Check out this example.

+2
source

There is. Check out restylegc . It mainly uses curl to get the whole webapp and rewrite links dynamically so that it is in the middle of some queries. This allows you to restore the calendar and add custom javascript as you now control css and bypass the same origin policy.

+1
source

the best way is to transfer the RSS or XML feed that Google provides on its calendars, and then reformat the calendar again!

0
source

Source: https://habr.com/ru/post/1308517/

More articles:


All Articles