Any idea when we will see how to...

User 2624719 Photo


Registered User
275 posts

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
User 187934 Photo


Senior Advisor
20,239 posts

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.
if(isset( $_GET['action'])){
$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>

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
User 2624719 Photo


Registered User
275 posts

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
User 122279 Photo


Senior Advisor
14,547 posts

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...
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,239 posts

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
User 2874450 Photo


Registered User
12 posts

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.
User 122279 Photo


Senior Advisor
14,547 posts

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


User 2049535 Photo


Registered User
66 posts

@Chris - I am in total agreement.
User 2622524 Photo


Registered User
97 posts

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.


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.
User 126492 Photo


Ambassador
1,524 posts

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.


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.