Skip to content
Lindsay edited this page Oct 10, 2013 · 6 revisions

Just add this HTML to your site wherever you want to put the calendar:

<iframe src="http://portland.activatehub.org/events/widget" style="border: 0" width="100%" height="600" frameborder="0" scrolling="auto"></iframe>

You can change the width to something other than 100% if that doesn't work for you. Same with the height

If you want a custom title instead of "You are here. Go somewhere", change the widget URL to look like:

http://portland.activatehub.org/events/widget?title=When you wish upon a star...

If you want to completely hide the title and the calendar/list switcher in the upper right corner, you can do something like:

http://portland.activatehub.org/events/widget?title=&views=&view=list
http://portland.activatehub.org/events/widget?title=&views=&view=calendar

...depending on whether you want the list view or calendar view by default.

If you want your widget to only show events belonging to the "environment", "climate change" or "sustainability" topics:

http://portland.activatehub.org/events/widget?topic=environment,climate change,sustainability

Don't put any spaces after the commas or anything as the server thinks that is significant.

You can also now filter the widget to only include events for specific organizations: http://portland.activatehub.org/events/widget?organization=1,8,14

You can visit any of the widget URLs directly in your browser to test that they're showing the correct information.

There is not currently any way to automatically resize the calendar widget so you don't have to scroll inside the widget itself.