CODEWITHSUNDEEP
google-apps-scriptgoogle-calendar-api
Justin_DavieHigh
Justin_DavieHigh

Reputation: 225

Add Calendar to StackPanel

Is there any way I can add my Google calendar to a StackPanel?

function calendar(app){
  return HtmlService.createHtmlOutputFromFile('calendar');
}

**** HTML FILE ****
<html>
  <iframe src="http://www.google.com/calendar/embed?src=davie.k12.nc.us_d2mv2eb8aspuant1vb5j6r3sis%40group.calendar.google.com&ctz=America/New_York" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</html>

Upvotes: 0

Views: 106

Answers (1)

Bryan P
Bryan P

Reputation: 5051

You can pull out the events dates, titles, details you want and build that into a custom view but if you're referring to just adding the calendar url to that particular panel, it won't show up. You may be able to iframe it with HtmlService.

function doGet() {
  var cal = CalendarApp.getCalendarsByName(YOUR_CAL_NAME)[0];
  var app = UiApp.createApplication();
  var panel = app.createStackPanel();
  var start = new Date();
  var end = new Date(new Date().getTime() + 7 * 86400000);
  var events = cal.getEvents(start, end);
  var tz = cal.getTimeZone();
  var i, len, html = '';

  for (i = 0, len = events.length; i < len; i++) {
    html += events[i].getTitle() + ' ' + Utilities.formatDate(events[i].getStartTime(), tz, 'MM-dd-yyyy') + '<br>';
  }

  panel.add(app.createHTML(html));
  app.add(panel);

  return app;
}

Upvotes: 1

Related Questions