I run my Coffeecup Form Builder scripts on my own servers. And to be honest after all the years in using other CC programs, this is my first form script using CC. Formerly a big fan of Bebosoft's Form to Email program.
Q1. How do I center my entire form display page on the screen? What file and where do I change exactly? Everything now displays left of the screen.
Q2. Why is there 2 contact_us.html pages? One where I create and enter the clipboard code and upload to my /public_html directory, and the other created by Web Form Builder /exported folder.
It seems like an easy fix, but I'm a bit lost here.
Thank you very much!
Q1. How do I center my entire form display page on the screen? What file and where do I change exactly? Everything now displays left of the screen.
Q2. Why is there 2 contact_us.html pages? One where I create and enter the clipboard code and upload to my /public_html directory, and the other created by Web Form Builder /exported folder.
It seems like an easy fix, but I'm a bit lost here.
Thank you very much!
Put your form script inside a div and assign some css to center the div. You could also apply a some css to the iframe.

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
Hiya Tombstone,
Sounds like you created a page yourself to put the form on maybe? If that's the case then just use the code that the program gives you when you export the form and put it on that page. No need for going through all that hassle to center stuff then, it's all done for you already this way. Either way though yes do it the way Eric says if you are insistent on using the actual .html file that the export gives you. But your duplicate contact_us.html page is most likely because you or someone working with you on the site created it prior to making the form. Form builder only creates the one .html file that it puts into the directory it creates for you. Any others would have been created by you.
Sounds like you created a page yourself to put the form on maybe? If that's the case then just use the code that the program gives you when you export the form and put it on that page. No need for going through all that hassle to center stuff then, it's all done for you already this way. Either way though yes do it the way Eric says if you are insistent on using the actual .html file that the export gives you. But your duplicate contact_us.html page is most likely because you or someone working with you on the site created it prior to making the form. Form builder only creates the one .html file that it puts into the directory it creates for you. Any others would have been created by you.

The simplest things confuse me.
Okay, what I was doing was creating my own contact_us.html page, uploading that to my /publich_html folder, and scratching my head wondering why there was another contact_us.html page in the /exported directory that I ftped?
However, the actual CC exported contact_us.html page is already nicely centered. I guess in using MS Expression Web 4 and inserting Page Properties, it might have changed things. Below is the contact_us.html page CC built. Works nicely.
http://www.adventistnews.org/contact_us/contact_us.html
I'm not quite sure why the final form version (the popup instructions) says to add the clipboard to my own contact_us.html page?
Lastly, I'm not entirely sure where to add the <div> block and CSS. But for now, I'll just go with the CC Web Form Builder exported contact_us.html page and folder.
Many thanks!
Okay, what I was doing was creating my own contact_us.html page, uploading that to my /publich_html folder, and scratching my head wondering why there was another contact_us.html page in the /exported directory that I ftped?
However, the actual CC exported contact_us.html page is already nicely centered. I guess in using MS Expression Web 4 and inserting Page Properties, it might have changed things. Below is the contact_us.html page CC built. Works nicely.
http://www.adventistnews.org/contact_us/contact_us.html
I'm not quite sure why the final form version (the popup instructions) says to add the clipboard to my own contact_us.html page?
Lastly, I'm not entirely sure where to add the <div> block and CSS. But for now, I'll just go with the CC Web Form Builder exported contact_us.html page and folder.
Many thanks!
Hiya Tombstone,
Although I don't use Expression Web so I can't tell you how to put code into it, what I can tell you is the reason you would use the code that the program tells you to copy from the clipboard (just clicking that button automatically copies the code for you to paste into your page), gives you the ability to embed the form into your current website page so you can have all the amenities of the Banner/Logo, look and feel of your website with the form inside of it. That's why it's included that way. Your way will work fine too, just letting you know what the difference is
Your contact_cs.html just happened to be the same name as what the program names it is all, which made it confusing hehe.
If you take the folder and the php file that are inside the folder the program creates and pop those 2 things into your site's public_html directory, then copy the code the program gives you to your created contact_us.html page, you will then have your form displayed in your websites page you created. As long as you put it into the content area of your site page like you would any other content, that should be all that's needed.
Although I don't use Expression Web so I can't tell you how to put code into it, what I can tell you is the reason you would use the code that the program tells you to copy from the clipboard (just clicking that button automatically copies the code for you to paste into your page), gives you the ability to embed the form into your current website page so you can have all the amenities of the Banner/Logo, look and feel of your website with the form inside of it. That's why it's included that way. Your way will work fine too, just letting you know what the difference is

Your contact_cs.html just happened to be the same name as what the program names it is all, which made it confusing hehe.

If you take the folder and the php file that are inside the folder the program creates and pop those 2 things into your site's public_html directory, then copy the code the program gives you to your created contact_us.html page, you will then have your form displayed in your websites page you created. As long as you put it into the content area of your site page like you would any other content, that should be all that's needed.

I have a "contact_form.html" with a "<div class="center"> around the code from the web form builder.
mysite/form_exported/contact_form.html, alongside "form.php".
When "contact_form.html" is uploaded, the source code of the "contact_form.html" page has been replaced by the code from the "mysite/form_exported/form/form.html" and it is hard left on the page.
I have several sites with webform on them, and have never had this problem before. What is going on here?
mysite/form_exported/contact_form.html, alongside "form.php".
When "contact_form.html" is uploaded, the source code of the "contact_form.html" page has been replaced by the code from the "mysite/form_exported/form/form.html" and it is hard left on the page.
I have several sites with webform on them, and have never had this problem before. What is going on here?
Hi Jeanette,
A link to form would make it easier to help so we can see what's actually going on. Other then that your class might not be assigned correctly.
A link to form would make it easier to help so we can see what's actually going on. Other then that your class might not be assigned correctly.
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
Thanks Eric,
Now it gets even stranger; I had been checking http://www.completebusinessconnections. … _form.html on IE 11, and this is where I got, and still get the code from http://www.completebusinessconnections. … /form.html on "view source".
Funnily, firefox actually gives the correct code from http://www.completebusinessconnections. … _form.html on "view page source".
Nevertheless, the form is still hard left. I tried altering the theme .css, but no luck there.
Form works of course.
Now it gets even stranger; I had been checking http://www.completebusinessconnections. … _form.html on IE 11, and this is where I got, and still get the code from http://www.completebusinessconnections. … /form.html on "view source".
Funnily, firefox actually gives the correct code from http://www.completebusinessconnections. … _form.html on "view page source".
Nevertheless, the form is still hard left. I tried altering the theme .css, but no luck there.
Form works of course.
Try this.
.center {
margin: auto;
max-width: 49%;
}
margin: auto;
max-width: 49%;
}
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
Thanks Eric,
I put that code into my own css file, and there was no change.
No change when put into the theme css either.
I put that code into my own css file, and there was no change.
No change when put into the theme css either.
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.