UPDATE: Since December 31, 2020, Adobe has stopped supporting Flash and effectively retired the product.
There are a few ways to get a Jotform integrated into a Flash based website. This guide explains how to create a lightbox effect in which your Form is shown when a user clicks a button in your Flash website. It is for Actionscript 3 versions of Adobe Flash.
1. In my Flash movie, I need to create a new button which when clicked will display my Jotform form. From the Insert menu, select New Symbol
In the Create New Symbol Dialog, give your button a name and ensure the symbol is of Type: ‘Button‘.
Create your button in the Flash editor.
2. Once your button is created, add it to the your flash movie and give it an instance name, I have called mine: ‘alert_btn‘
3. We need to attach an action to this button.
Create a new layer on your Flash movies’ timeline. I am calling my new layer ‘as3‘. When the layer has been created, right click on the first frame of this layer and select ‘Actions‘ to open the Actionscript code editor for this layer.
The code we need to add is as follows:
function callJS(event:MouseEvent):void {
ExternalInterface.call(“JotForm_Show”);
}
alert_btn.addEventListener(MouseEvent.CLICK, callJS);
NOTE: Change alert_btn to whatever name your used for the instance of your button in step 2.
This bit of Actionscript will try to call and execute a javascript function ‘JotForm_Show’ from the webpage in which the Flash object is embeded when a user clicks the button, ‘alert_btn‘ .
—-
Thats us done configuring our button in our flash movie.
After you have published your Flash movie, we need to make a few changes to the default HTML provided by Adobe Flash to get our button working.
—
4. Open this HTML file in your text editor.
5. Firstly, I want to add two CSS classes that I will use to create my lightbox effect and another to hold my form content. This the code I have used:
.overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.form_content {
display: none;
position: absolute;
/* CENTER FORM ON SCREEN */
top: 50%;
left: 50%;
width: 650px; /* width of form */
margin-left:-325px; /* half width of form */
height: 450px; /* height of form */
margin-top:-225px; /* half height of form */
/* padding: 16px; */
border: 8px inset orange;
background-color: white;
z-index:1002;
overflow: auto;
}
NOTE: In the CSS class .form_content , you will need to use the dimensions of your own form to generate the values for the width, margin-left, height & margin-top attributes.
6. We need to make two changes to default object embed code generated by Flash for our .swf file.
Change the two references to ‘wmode’ from ‘window’ to ‘opaque’.
7. We need add our lightbox & form content, so after flashContent div, just before the closing tag,
add the following code:
NOTE: You change the highlighted script embed code to whatever the embed code of your form is. Your embed code is retrievable in Jotform by clicking on the Setup & Embed toolbar, selecting Embed Form and clicking the Embed icon.
I have included an image in this code that when clicked closes the lightbox when it is clicked.
8. All we need to do now is add the Javacript function that gets called when a user clicks our Jotform button.
I have added the following code under the new content, again just before the closing tag:
9. Thats it!Save your HTML document, upload it and your .swf file to your webserver.
Send Comment:
35 Comments:
February 11, 2018
">
July 3, 2015
the swr no works, can you show it again please? this works for any flash document? thanks
March 23, 2015
Thx for the recommendation u guys. I just contacted them write my essay uk and am goin 2 have them do my papers 4 me. thx again.
February 20, 2015
Please ignore my previous email. i re did the migration and all is working
Trying it all out .
Thank you
February 20, 2015
Hi.
I tried the migration and most of the questions on the last part of my form are missing.
Is there a way to try again, or are my forms to big to be migrated ?
Michelle
February 19, 2015
Is there a way to tell where I am in the queue for importing forms? Does it only import open forms from Adobe? We would like for all the history to import including closed forms since we often need access to prior submissions for closed forms.
February 16, 2015
Thanks very muckh ..... sir
February 12, 2015
Hello,
It looks like all our forms have been imported over from Form Central but not the responses. I chose the Import Both Forms and Responses option. Please advise.
Thank you
February 12, 2015
Hi,
I use migration tool for formscentral forms and data but only forms were imported. I had well clicked on import both forms and responses.
Could you please tell me why?
Thanks
February 12, 2015
Hi, I have done the importation from FormsCentral but no forms + answers have been imported. Thanks
February 11, 2015
Do the responses from these migrated forms count toward my monthly allotment for responses?
February 10, 2015
How long does it take? I started process a couple of days ago and never received notice and forms have not been moved. They are open in Adobe Forms Central.
Thanks!
February 9, 2015
The import process is not completed even your system says it. I still have 3 forms in Formscentral that haven't been imported to Jotform and I need it more than the only one who has been imported already. Can you help me?
Thanks in advanced.
February 9, 2015
This tool helped me to flawlessly import my Adobe Forms Central forms over to JotForm. It was effortless. This was a god send!
February 9, 2015
nothing, nada, zilch happens other than you are in a queue that never lets you know how close to the end you are!
February 8, 2015
The problem continues. When I tried to repeat the import process: the message 'Migration request is waiting in the queue' is show.
Please help me.
Regards
February 8, 2015
How long does the process take?
A lot of users having the same problem. I think that if the import process sends e-mail when the process starts or end with errors or successful import the forms, everyone will be happy. Regards.
February 6, 2015
I was able to beautifully transfer all of my forms over from FormsCentral (thank you!!!) but for some reason none of the responses made it...and the titles of my forms were incorrect (no huge issue, I just renamed them). What is the easiest way to upload my existing responses into the Jotform environment?
February 6, 2015
I could hug you guys. Thank you so much for doing this.
February 6, 2015
I tried for two days in a row now. Keeps saying migration request is waiting in the queue. How long should i wait?
February 6, 2015
I requested forms to be imported on 2/4/15 and have not seen that they have migrated yet. Is there a way to see if they are being processed or if I need to use the import tool again?
February 5, 2015
I tried to import the forms and responses. I learned from another post why it was perhaps taking so long, as several of my forms were closed. I have opened them all and tried again but now it tells me the new request is in the queue. Just curious how to cancel the other request so I can import the open forms?
February 5, 2015
I have to admit that you are very effective! Succeed in offering such a tool in so little time, it's a sign that you are attempting the impossible to make your satisfied customers. Although I was very pleased with the operation of FormsCentral (simple, intuitive and enjoyable report), I hope that I will find satisfaction with you, a dynamic team!
February 4, 2015
I have requested my formes to be imported into JotForm. How long does this takes as I am getting response :Migration request is waiting in the queue " if I login 2 days later to see if they are imported. I all the documentation I go trough it says: It only takes a few moments....... Thank you
Roland
February 4, 2015
SUPER TOOL ALL AT ONCE