~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

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.

Embedding contact form on Homepage

More
9 years 9 months ago #53777 by jamak
Replied by jamak on topic Embedding contact form on Homepage
Here is the URL.
andeesheh.toastmastersclubs.org/
I have to change the video to reflect the form. I wanted to make sure it works first ;)

(I will adjust my signature)

Thanks again.
The topic has been locked.
More
9 years 9 months ago #53778 by SteveTheTechie
Replied by SteveTheTechie on topic Embedding contact form on Homepage
I would recommend using the club number version of your website url in the iframe. Otherwise, you can get a circular reference... I think I am seeing that in your website... Basically, using the club number version should avoid the circular reference, since it is different than what you normally access your website with.
The topic has been locked.
More
9 years 9 months ago #53779 by SteveTheTechie
Replied by SteveTheTechie on topic Embedding contact form on Homepage
Also, I would recommend enabling iframe scroll bars. (just in case)

Also, I would recommend appending the following to the url: #contact-form This is the id (reference name) of the form html. Doing this ensures that the form is positioned properly in the iframe. It puts the upper left corner of the element referenced by id in the upper left corner of the iframe.
The topic has been locked.
More
9 years 9 months ago #53780 by jamak
Replied by jamak on topic Embedding contact form on Homepage
thank you. I just changed it to that (http://1150549.toastmastersclubs.org?contactus)
I'm not sure if what you're referring to is resolved or not.

Thanks Steve.
The topic has been locked.
More
9 years 9 months ago #53781 by jamak
Replied by jamak on topic Embedding contact form on Homepage
the URL: http://1150549.toastmastersclubs.org?contactus#contact-form
is still bringing it up as a popup which I think is the reason it looks the way it does.
The topic has been locked.
More
9 years 9 months ago - 9 years 9 months ago #53782 by SteveTheTechie
Replied by SteveTheTechie on topic Embedding contact form on Homepage
I made a couple of tweaks for you.

The form width is 620px (I control that in the code.) ... I set your iframe width as 630 to have extra px just in case.
The form height is "auto" (javascript figures it out on the fly)... so you have to guess that.

I centered the form in the window for you... "middle" attribute on iframes does not always work as intended.

I set the tab index as 1 in the html (can't do that in the dialog) so even tabbing should take you to the form in the window first.

I do recommend having scroll bars on for the iframe and adding a bit on the width and height to accommodate. Reason: biggest challenge with iframes is getting the contents shifted way out of view in the frame. Having scroll bars is an intuitive way to indicate to users that they can reposition the iframe contents. Also, I suggested the #contact-form since that should always position the contents as best as possible. (to prevent wild view shifts.)

Ok, that should give you enough to play with to suit your tastes... If you run into any hiccups with it, let me know and I may have some other things to try .
Last edit: 9 years 9 months ago by SteveTheTechie.
The following user(s) said Thank You: jamak
The topic has been locked.
Moderators: Pamjliumarc33NotLiabledeedubbleyooNSB
Time to create page: 0.275 seconds