Welcome, Guest
Username: Password: Remember me
1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts. :side:
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.
  • Page:
  • 1

TOPIC:

Google Map sizing for mobile 5 years 7 months ago #71845

  • marc33
  • marc33's Avatar Topic Author
  • Offline
  • FreeToastHost Ambassador
  • FreeToastHost Ambassador
  • Posts: 362
  • 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)?
Marc Richards, DTM
Valencia Toastmasters 1670
Toastmasters 4 Writers 748804
Club website trainer, District 52
FTH ambassador
The topic has been locked.

Google Map sizing for mobile 5 years 7 months ago #71848

  • Brian
  • Brian's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11644
  • Thank you received: 3880
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.

Thank you,

Brian McDonald DTM, PDD D61
FTH Lead Technical Support
member Cataraqui Valley Toastmaster 9560
The topic has been locked.

Google Map sizing for mobile 5 years 7 months ago #71849

  • marc33
  • marc33's Avatar Topic Author
  • Offline
  • FreeToastHost Ambassador
  • FreeToastHost Ambassador
  • Posts: 362
  • 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.
Marc Richards, DTM
Valencia Toastmasters 1670
Toastmasters 4 Writers 748804
Club website trainer, District 52
FTH ambassador
The topic has been locked.

Google Map sizing for mobile 5 years 7 months ago #71852

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 13529
  • Thank you received: 3831
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.
Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.
Last edit: by SteveTheTechie.
The topic has been locked.
  • Page:
  • 1
Moderators: Pamrhtaylor3jliumarc33NotLiabledeedubbleyooNSBPhyllis Kirouac
Time to create page: 0.031 seconds
Powered by Kunena Forum