iFrame in my webpage for Google Maps...

User 2728698 Photo


Registered User
38 posts

I am trying to create a Contact page that would include a Google Map. This requires iFrame in order to embed my maps into the page, since I do not want to use a Static Map. (see this page: https://developers.google.com/maps/docu … mbed/guide ) I do not know how to do this in RSD. Do I need to use an Image Link element? Or a Temp Image element? Do I need to export my website and edit it in HTML Editor? If anybody has done this before, or knows how to do this, I would love to hear any suggestions. I am greatly appreciative for any help I recieve on this problem. Thank you!
Monique
User 103173 Photo


VP of Software Development
0 posts

You can find some instructions on how to set this up here:
http://www.coffeecup.com/help/articles/ … out-maker/

While these steps are for RLM, most of it sill applies for RSD. Just use the HTML Element to paste in your map markup and then add the custom css needed under the Settings Tab.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2728698 Photo


Registered User
38 posts

Scott Swedorski wrote:
You can find some instructions on how to set this up here:
http://www.coffeecup.com/help/articles/ … out-maker/

While these steps are for RLM, most of it sill applies for RSD. Just use the HTML Element to paste in your map markup and then add the custom css needed under the Settings Tab.


Thank you! I will try this as soon as possible and see what happens. This is just what I needed!
Monique
User 2280122 Photo


Registered User
31 posts

Help - I need more! I've managed to get a map embedded but I just don't understand the instructions for making it responsive.
"then add the custom css needed under the Settings Tab" - but I don't know how :(
I am almost illiterate when it comes to this coding stuff. It's also difficult to follow because it was for RLM (where 'most of it still applies') and some settings 'might not be available' because the article was created using RLM-Pro.

Is there a kind soul out there that could create a one page project with just a responsive map in it so we can see what was done?
User 2484360 Photo


Registered User
3,293 posts

Flemming Aaberg wrote:
Help - I need more! I've managed to get a map embedded but I just don't understand the instructions for making it responsive.
"then add the custom css needed under the Settings Tab" - but I don't know how :(
I am almost illiterate when it comes to this coding stuff. It's also difficult to follow because it was for RLM (where 'most of it still applies') and some settings 'might not be available' because the article was created using RLM-Pro.

Is there a kind soul out there that could create a one page project with just a responsive map in it so we can see what was done?


That is easy. :P Take a look at the first column in this project. One HTML Element and a little bit of code. No need to add a CSS file.

Also, I will be reworking that article to include instructions for RSD in the coming week.
Attachments:
User 2280122 Photo


Registered User
31 posts

Thanks hugely Adam - just what I needed. I was able to work it out from this enough to do what I want.

Maybe in future RSD will have an additional section under 'Design' with handy up, down sideways arrows and so forth for this so that I don't even need to understand or need to touch coding stuff?
User 2484360 Photo


Registered User
3,293 posts

Flemming Aaberg wrote:
Thanks hugely Adam - just what I needed. I was able to work it out from this enough to do what I want.

Maybe in future RSD will have an additional section under 'Design' with handy up, down sideways arrows and so forth for this so that I don't even need to understand or need to touch coding stuff?


Not sure about that, but we do have plans on adding a map element and video element. This will allow you to simply provide the iframe code or link to the video and RSD will handle the rest! :)
User 2280122 Photo


Registered User
31 posts

Sounds good to me - just provide the map link and RSD does the rest.

BTW - nice hat!
User 2280122 Photo


Registered User
31 posts

Oops another question.
The site I'm building has a fixed row at the top where I have the logo and navigation buttons (I call it the header). Scrolling down the page leaves the header fixed (as it should) and the other stuff scrolls up behind it.
Everything that is, except the map which boldly goes where no other element dare go. In RSD the HTML element scrolls behind, but in the browser (both Chrome and IE) it scrolls over the header.
Any suggestions?
User 434929 Photo


Ambassador
938 posts

Flemming Aaberg wrote:
Oops another question.
The site I'm building has a fixed row at the top where I have the logo and navigation buttons (I call it the header). Scrolling down the page leaves the header fixed (as it should) and the other stuff scrolls up behind it.
Everything that is, except the map which boldly goes where no other element dare go. In RSD the HTML element scrolls behind, but in the browser (both Chrome and IE) it scrolls over the header.
Any suggestions?


Find second top row>column and add top margin until you see your elements
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.