Google has a nifty widget that spits out a custom sized calender in the form of an html code, however when I add this to the customer html screen, it does not display for some reason. As I've never ran into a problem with the customer html plugin before I was wondering if anyone has integrated a google calender into an app this way before? Thanks!

I'm looking to integrate a google calendar on a droid too. Any help appreciated

Is the widget using the iFrame tag? Is it for Iphones? Does your code work when viewed on your computer's browser? Farcat

I use it all the time. You just need to drop that iframe code inside a responsive web page and it will display. Make sure the Calendar is set as public too.

Farcat, Here is the code, what parts do I need to remove (iframe). <iframe src="https://www.google.com/calendar/embed?height=480&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=mikewilson81%40gmail.com&amp;color=%23060D5E&amp;ctz=America%2FNew_York" style=" border-width:0 " width="360" height="480" frameborder="0" scrolling="no"></iframe> ATRAIN53, Do you mean I need to create a web page and insert it into that for it to work? Would the custom html plugin inside BT not work with a Google calendar? Thanks so much for the help everyone!

I'm trying to do the same exact thing hahaha here's my calendars embed code <iframe src="https://www.google.com/calendar/embed?src=hollywoodsplatinums%40gmail.com&ctz=America/Los_Angeles" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

@AppBuilderco, I have tested your code on a server and it doesn't work. Something not quite right there, nothing to do with the app. As @Atrain53 said, make sure it is set to public. @PlatinumMixes, I have tested your code on a server and it does work on my computer and on my iphone. If you stick this code to an html screen it should read just fine. Farcat

aahh, it just was the public issue, thanks for the help! Working now, one more thing. I want to be able to have users the ability to interact/post things to the calendar, like setting appts, etc. Does anyone know how to make the calendar available to be edited to the end user? Maybe a setting on Google? Thanks so much!!!

You will have to utilize the Google API to do that. What you are displaying now is using their "widget" to make that API call. It's just displaying a static list of public calendar events. To edit, add or delete Google calendar events you have to login to Google thru your app somehow. The usual parctice is to use OAuth to do this. That authorizes a user to make the changes - which you want. Without some authentication anyone could delete all your events and your calendar would be empty. Unfortunately this is not a 5 minute add. I've been tinkering with it off/on for a while and looking for more time to dig back into it. I started here <a href="https://developers.google.com/google-apps/calendar/v2/developers_guide_protocol?csw=1" target="_blank" rel="nofollow">https://developers.google.com/google-apps/calendar/v2/developers_guide_protocol?csw=1</a> This tutorial was just recently posted to mobile tuts that will give you an idea of the steps involved to build something like this for iOS. I have not looked for an Android solution yet. http://mobile.tutsplus.com/tutorials/iphone/ios-sdk-working-with-google-calendars/ and your fellow Buckeyes are currently taking over the city! I don't think anyone is giving the Cats a chance tomorrow, but the ESPN Game Day and national attention over the next 2 days is awesome to finally have here at NU. If they do beat them those goalposts will def end up in the Lake! GO Cats!

How do I add the embedded code to a screen with the HTML plugin? I understand HTML but can I embed the code right in the app HTML page or do I have to upload the HTML page to the web and reference it from the app?

That BT HTML plugin uses an editor to generate an HTML page that becomes part of your project. It works - but it's not going to generate a mobile friendly html page or any of the css files that handle the media queries for a mobile optimized layout. I would build a simple, responsive HTML doc outside of BT - get your iframe and calendar working in there properly. Test it on your workstation. Once you like the page, THEN copy the .html and the .css file into your BT_Docs folder. THEN use the BT HTML plugin to point to that file in your project, no URL required, just the "mycoolcalendar.html" if that is what you named your document. You can copy that same page to a server and reference it using a URL - but in that case you use the BT Custom URL plugin. BT HTML DOC = use this to point to local HTML files you include with your app package BT Custom URL = use this to point to HTML files via URL, such as "http://www.beatohiostate/mycoolcalendar.html"

Cool I'm going to try that using dreamweaver thansk