Hi all
I have just been playing with some design in Form Designer and would love to be able to make it work for real with the scripts from WFB anyone got an idea how to do this ?
Regards Adrian
I have just been playing with some design in Form Designer and would love to be able to make it work for real with the scripts from WFB anyone got an idea how to do this ?
Regards Adrian
Use Form Builder scripts with Form Designer on manually exported forms
Here's how to make a form built in Form Designer work with the scripts of Form Builder.
1. Make sure all your inputs, select, and etc... in the Form Designer match the names and settings used in Form Builder.
2. Make sure all selects, radio buttons, checkboxes and etc..... have the same values used in Form Builder.
3. Copy the form action from your Form Builders formname.html near the top. Mine was ../form-designer-crossover.php. Paste this into the Action in Form Designer on the Form Container.
4. Select Post on the Method for your form in Form Designer Form Container.
5.If your form uses a file upload than select Multipart Form Data otherwise select Form Url Encoded on Form Container
6. Export your Forms from both apps.
7. Copy all the files exported from Form Designer into the same directory that contains your myformname.html form Form Builder. This will be the directories css, js, fonts, socialicons and finally the index.html
8. Now on the myformname.php you need to alter one line of code.
Look for this like $myPage->Show();
Change it to this and adjust the myformname to your actual form name.
You can see it in action here.
http://ericrohloff.com/coffeecup/ccforu … crossover/
This is working but it's not tied to any validation or conditionals from the Form Builder. It will work with your confirmation in the Form Builder.
****The above is direct form linking. I'm not using an iframe.****
**** Using Iframe *****
Adjust your Form Builder iframe script to this. Adjust the height to fit and add scrolling="no"
Working here.
http://ericrohloff.com/coffeecup/ccforum/form-designer/form-designer-crossover/iframe.html
Here's how to make a form built in Form Designer work with the scripts of Form Builder.
1. Make sure all your inputs, select, and etc... in the Form Designer match the names and settings used in Form Builder.
2. Make sure all selects, radio buttons, checkboxes and etc..... have the same values used in Form Builder.
3. Copy the form action from your Form Builders formname.html near the top. Mine was ../form-designer-crossover.php. Paste this into the Action in Form Designer on the Form Container.
4. Select Post on the Method for your form in Form Designer Form Container.
5.If your form uses a file upload than select Multipart Form Data otherwise select Form Url Encoded on Form Container
6. Export your Forms from both apps.
7. Copy all the files exported from Form Designer into the same directory that contains your myformname.html form Form Builder. This will be the directories css, js, fonts, socialicons and finally the index.html
8. Now on the myformname.php you need to alter one line of code.
Look for this like $myPage->Show();
Change it to this and adjust the myformname to your actual form name.
if(isset( $_GET['action'])){
$myPage->Show();
}else{
header("Location: myformname/");
die();
}
$myPage->Show();
}else{
header("Location: myformname/");
die();
}
You can see it in action here.
http://ericrohloff.com/coffeecup/ccforu … crossover/
This is working but it's not tied to any validation or conditionals from the Form Builder. It will work with your confirmation in the Form Builder.
****The above is direct form linking. I'm not using an iframe.****
**** Using Iframe *****
Adjust your Form Builder iframe script to this. Adjust the height to fit and add scrolling="no"
<iframe height="1566" style="border:none; background:transparent; overflow:hidden; width:100%;"
id="fb_iframe" src="myformname/index.html" scrolling="no" >
</iframe>
id="fb_iframe" src="myformname/index.html" scrolling="no" >
</iframe>
Working here.
http://ericrohloff.com/coffeecup/ccforum/form-designer/form-designer-crossover/iframe.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Hi Eric
Thank you for all your hard work .so first if i am understanding this you need to make 2 forms both the same in dimensions and content . and that when you combine the 2 in the way you describe they become one . i will give it a go once again Thank you
Regards Adrian
Thank you for all your hard work .so first if i am understanding this you need to make 2 forms both the same in dimensions and content . and that when you combine the 2 in the way you describe they become one . i will give it a go once again Thank you
Regards Adrian
I'm not sure if you need to bother about the dimensions. If you create the form front end in Form Designer, the css from that will be the one to use, not the one from WFB as far as I can imagine?
I'm working on something similar using RSD and a form script I found on the web...
I'm working on something similar using RSD and a form script I found on the web...
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Don't worry about any styling in the Form Builder. Your only making a form in Form Builder to get a back end script. Were not combining but replacing the Form Builders form HTML with that of the Form Designer Form HTML. There are more ways to do this but I kept it the most straight forward with the least amount of code altering.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
The more I am reading the more I am seeing that this is a miss by CoffeeCup. I don't think it is very clear that this program doesn't do the backend scripts. When one thinks they have to "Design a Form" the backend scripts are part of that process.
When I saw this, it looked like an upgrade/newer version of Form Builder (which I use and really like).
I really don't see the point of creating a program just for the frontend design of the form and not the backend.
Eric, I definitely appreciate your work and details on adding in the backend using Form Builder, but, to be honest, that is a ton of work for CoffeeCup to be asking their customers to do with every form (creating a second form in another program, adding in code here, code there - the point of these programs is to make the coding/form making easy and fast) when they already have the components to create the backend scripts in another program - they really need to add these components to Form Designer.
I hope that they will see these comments regarding the backend scripts and the frustrations of the beta testers who mentioned them and add this functionality in the program. Otherwise, I will stick to just using Form Builder.
When I saw this, it looked like an upgrade/newer version of Form Builder (which I use and really like).
I really don't see the point of creating a program just for the frontend design of the form and not the backend.
Eric, I definitely appreciate your work and details on adding in the backend using Form Builder, but, to be honest, that is a ton of work for CoffeeCup to be asking their customers to do with every form (creating a second form in another program, adding in code here, code there - the point of these programs is to make the coding/form making easy and fast) when they already have the components to create the backend scripts in another program - they really need to add these components to Form Designer.
I hope that they will see these comments regarding the backend scripts and the frustrations of the beta testers who mentioned them and add this functionality in the program. Otherwise, I will stick to just using Form Builder.
Chris, I'm completely in agreement with you! And to make certain that your post is seen by the staffers, you could submit it to them as a support ticket.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
@Chris - I am in total agreement.
Chris Knabenshue wrote:
Eric, I definitely appreciate your work and details on adding in the backend using Form Builder, but, to be honest, that is a ton of work for CoffeeCup to be asking their customers to do with every form (creating a second form in another program, adding in code here, code there - the point of these programs is to make the coding/form making easy and fast) when they already have the components to create the backend scripts in another program - they really need to add these components to Form Designer.
Eric, I definitely appreciate your work and details on adding in the backend using Form Builder, but, to be honest, that is a ton of work for CoffeeCup to be asking their customers to do with every form (creating a second form in another program, adding in code here, code there - the point of these programs is to make the coding/form making easy and fast) when they already have the components to create the backend scripts in another program - they really need to add these components to Form Designer.
Chris I'm 100% behind you, I bought the "beta" version of Form Designer for US$44.00 last December. I have played around with it but until it includes the back end like Form Builder, it will be of no use to me.
I'm a CoffeeCup fan but this one sadly disappoints, hopefully the developers will include the back end when releasing the final version soon.
Inger wrote:
Chris, I'm completely in agreement with you! And to make certain that your post is seen by the staffers, you could submit it to them as a support ticket.
Chris, I'm completely in agreement with you! And to make certain that your post is seen by the staffers, you could submit it to them as a support ticket.
Surely this is going to finally replace Form Builder, my brain doesn't work like it it used too so having to design 2 forms to work as one is a backward step.
Jim
---------------------------
---------------------------
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.