Responsive iframe for google calendar and maps [#2707893]

Google maps and calendars don't scale responsively.

After seeing that fitvids claimed it could do other stuff like this, then noticing that fitvids 1.1 is included in the profile, I'd like to know how to apply its style to a google calendar or map.

Comments

Comment #1

17 April 2016 at 12:25

JonM created an issue. See original summary.

Comment #2

JonM CreditAttribution: JonM commented 17 April 2016 at 12:37

Found if when embedding the map by putting

<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">
<iframe stuff>
</div>

It makes it responsive. I'd like either to expose some way to add other sites to receive the fitvids wrapping, or some way to make this a bit easier. You'd think there'd be some sort of module for this, I recall iframes being so much easier in 6...

Comment #3

drupalninja99 CreditAttribution: drupalninja99 at Mediacurrent commented 17 April 2016 at 19:55

Status:

Active

» Closed (works as designed)

I don't think I want to add that markup. If you shrink the browser and reload the page you see that the map is sized correctly and centers the map. The map isn't a major feature of Openchurch, that's really just a demonstration that you can embed a Google map on a page.

Comment #4

JonM CreditAttribution: JonM commented 17 April 2016 at 21:19

Without that class and style my basic page with a Google calendar world not scale. Could you include the fitvids module in the profile and expose its admin page instead of how it is hidden now?