Skip to main content

Making Google Calendar a responsive embed with Mobile support

Google Calendar is amazing, but the embed code is pretty old.  They haven't updated it in many years. Since everything is Mobile First today, I needed a way to display better on cell phones. The following code does the following: Define a Responsive Cal types so that it uses 100% of the frame Define a DeskContent and a PhoneContent sizes (with a width of 768 being the switch point)  Wrap all of it in the Responsive Call Div so it all resizes automatically Display the Month view of the calendar if it's a desktop resolution Display the Agenda view of the calendar if it's a mobile resolution I've formatted this so that it can be placed inline in your HTML file. The first Embed should be your calendar code set to the Month view. The second Embed should be your calendar code set to the Agenda view.
3 comments

Site Update

I changed out the theme I've been using.  Figured it was time for a new coat of paint.
Labels:

Comments

Post a Comment

Most Popular Posts

First Post!

In August 1999, I bought my own domain name, mpking.com .  This domain name. Over the years I've used a variety of blogging software. Initially I did all the website design myself, hand crafting the HTML myself. I even had one of those *Designed by Notepad* buttons. I still have one of the custom drop cap letters I made. Yea, it's really hard to see, because it's White text.  My first website, like most all bad websites of the early 2000, was black theme.  I ran the website off my computer in my room. I quickly tired of this, and moved onto a Blog software platform.  You used an actual program program, (I don't remember it's name) and you would type up your entry, then upload it to the website.  That tired quickly, as the software was at home, and most entries, then as now, revolved around work. Then I discovered FreeGuppy .  It was online CMS platform, and it was nearly perfect, for almost five years.I even developed some plugin's for the product. A
Post a Comment
Read more