IMPORTANT INFORMATION -- Please read!

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts.

Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!"
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the ~~strikethrough~~ member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.

TOPIC:

Google Map sizing for mobile 6 years 8 months ago #71845

marc33 Topic Author Offline Moderator Posts: 270 Thank you received: 55	We're moving locations so I created a new map iframe with the new location, but the map doesn't look good on my iPhone (it extends to the right). The last part of the iframe instruction is "width="600" height="550" frameborder="0" style="border:0" allowfullscreen." How should this be changed to mimic the picture resizing tip you gave (width 90%, height blank)?
	The topic has been locked.

Google Map sizing for mobile 6 years 8 months ago #71848

Brian Offline Administrator Posts: 10452 Thank you received: 3863	Change to percent true the numbers you are happy with. width="90%" height="90%" works for our club. Depends on what else you have on the page.
	The topic has been locked.

Google Map sizing for mobile 6 years 8 months ago #71849

marc33 Topic Author Offline Moderator Posts: 270 Thank you received: 55	Thanks Brian. Works great. Looking forward to have these settings in a form for novices, if you are still accepting suggestions Steve.
	The topic has been locked.

Google Map sizing for mobile 6 years 8 months ago #71852

SteveTheTechie
Offline
Administrator
Posts: 11526
Thank you received: 3795

This was an oversight on my part... I forgot to look at this particular iframe previously. Not every user is going to be up for adjusting their content to make it responsive. However, since the Google maps support has been a key feature of FTH for a very long time, I feel it is appropriate to make this particular iframe mobile friendly regardless of the user's technical abilities. In other words, I think this particular content is something where the code needs to do the "thinking" on behalf of the user--I am purposely trying to do too much of that.

Since I have ready access to the map iframe code, I have added some Javascript to make it responsive without any user intervention. The Javascript does a best guess of what is needed and adjusts the HTML accordingly "on the fly". It does not touch the actual iframe code, though.

You can just put the original iframe pixel dimensions in and let the Javascript sort it out.

Last edit: by SteveTheTechie.

The topic has been locked.

Forum

Support Requests

Public Forums