Is the Submit button flexible?

User 2342626 Photo


Registered User
11 posts

I use Web Form Builder for Mac OSX running the newest version of Lion, but for some reason if I change the color of the submit button, it stays blue even if it's running live online. Also is it possible to have a form built with one field and submit button off to the right side of the field. I'd like to add the form to the footer of my websites as a way to have visitors sign up for our newsletters, are these two things possible?
User 103173 Photo


VP of Software Development
0 posts

The reason for that is you are looking at an image there Steve. You first have to delete the image and then you can change the color.

As to the other question, I am sorry but not at this time.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2342626 Photo


Registered User
11 posts

How exactly do you delete the image?
User 2342626 Photo


Registered User
11 posts

Oh never mind...I found it...
User 2591021 Photo


Registered User
8 posts

Also is it possible to have a form built with one field and submit button off to the right side of the field.


You mean something like this?

http://cl.ly/image/021B2T003i0I/Screenshot%20of%20Safari.png

Absolutely! But you have to be comfortable getting your hands dirty with CSS. I created this form by adding a single email field to a new form and then making these changes to the Form Options:

http://cl.ly/image/0G411R2k1T1T/mini-optin.fb_-_Web_Form_Builder.jpg

I then set the email field to 75% and removed its label. But the really important changes are made to the Form Name.html file in the Form Name folder:


<body><!-- Start of the body content for CoffeeCup Web Form Builder -->
<style>
#docContainer #fb-form-header1 {
display: none;
}

#docContainer #fb-submit-button-div {
margin-top: -41px;
margin-right: 20px;
float: right;
}
</style>


The section in the <style>...</style> tags gets copied and pasted right under the <body> tag in that file. Use a text editor like TextWrangler to make that change, then save the file and upload it.
User 38401 Photo


Senior Advisor
10,951 posts

Also, please be sure to post that changing files outside of the program risks that you may overwrite those changes later so you need to always keep a backup of your changes so you know what to put back in each time you upload the form. Granted, not every file does get overwritten, but a good majority of them will. Should always warn people about that when you suggest external file changes outside of the programs that CC creates :)
User 2147626 Photo


Ambassador
2,958 posts

Nice mod though! Thanks! :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 1948478 Photo


Senior Advisor
1,850 posts

Nice work! Thanks for posting that one, Don!
User 2591021 Photo


Registered User
8 posts

Also, please be sure to post that changing files outside of the program risks that you may overwrite those changes later so you need to always keep a backup of your changes so you know what to put back in each time you upload the form.


Good point. What I will do in a case like this is use TextWrangler (I use BBEdit, actually -- TextWrangler has many of the same features and is free) to Find Differences between the copy on the server and the one now on my computer. It's very easy to select each difference and reapply the code that you want to retain from the old version.

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.