Working on a 4.0 version

Hi Mike,

I use your forms, and they are good. I do have 2 ideas for the 4.0 version, maybe you want to hear them.

At first it would be great to make them responsive. Going towards responsive designs is the next big thing, I think good plugins should follow that idea. It would be great to make all forms responsive out of the box. I think that would hurt no one and help a lot of people.
I now make your forms responsive by adding two things:

I add ‘width: 99%’ to both the ‘CSS style for form input fields Div’ and also to the e-mail form fields ‘Input CSS’ I use, because the E-mail form fields act differently on the front-end.

Second thing I would really love is being able to influence the text in the ‘E-mail from’ message. This mail now outputs all text in a rather bad format, e.g. lines with empty lines in between. I would love to be able to make this e-mail design myself, just like I can do with the confirmation e-mail. We use the forms in a restaurant website. Customers who want to reserve a table now get the rather ‘raw’ output of the e-mail. I want to give them a more compact, friendlier e-mail. Does not have to be HTML, could just be plain text e-mail, but let me compose it myself.

Hope you can use it, thanks again for a great plugin!

I would also LOVE to see a responsive design.

I had to tweak my form to tiny size so it would look good & be usable on mobile… but now it looks oddly skinny on the pc.

However, now I will attempt to tweak it like the above user (thanks for the tip Gberk about the CSS). ??

The best contact Form. Many thanks
For the 4.0 may be a file or a sql fiel to record the answers ? (when the php mail function is out of order)

Take care and make it better again

redb68, you can have that now by installing this:
https://www.fastsecurecontactform.com/save-to-database

Mike, another idea for 4.0. The form fields now have their style IN the HTML, eg.

<div style="text-align:left; padding-top:5px;">

It would be better coding if all style would be in an external .css file. Better for maintainability, clean code and speed of pages. Is this already in consideration?

Hello there Mike. If it’s ok, I’d like to suggest a couple of features for one of the next releases of FS Contact Form:

1. The ability to enforce a character limit in the default Message field. I think a workaround to this is deactivating the Message field and then creating an extra field with our desired character limit, which would be our new “Message” field. But I think we should be able to enforce character limits without creating extra fields. Being able to do this would be nice.

2. I wonder if you’ve heard about Picatcha; a captcha system based on pictures instead of scrambled text. I was wondering if you would consider checking out this captcha system, and maybe… just maybe… see if you could make it work with the FS Contact Form as an additional option to the traditional Captcha.

That’s it. Thank you very much for your attention and your work with this plugin! ??

This is my first download of FS Contact Form. I agree with the responsibe forms comment; also, simplify the directions-functions for beginners. A sample of what capcha will look like might be useful (having just deleted one where users moved a bra to a dress for confirmation).

Lastly, everyone likes a button to “save.” Otherwise, one wil look for a buttom to save and will constantly wonder if the changes (of which are many) have stuck. Sending off a test of email should be preceded by a save of settings, I feel.

Please add the ability to geolocate a user based on its IP address, and write this information int he form result (when it’s possible).
Thank you

Please add my vote to those who would like the css in an external file rather than inline styles on each element. Much easier to maintain!

It would be nice if each label and input had it’s own ID in order to group and style them accordingly. Right now, each element is inside it’s own div, but it can’t be targeted through external CSS.

It would be killer to have the CSS external, but also to have some more thoughtful groupings of form elements and IDs/classes so we can hook into it and style it so it appears to be more custom.

Perhaps the drag and drop interface might allow for the addition of divs with IDs and/or classes applied.

for example, designers always ask me to group the name, email, subject labels… float left, and then put the message and submit inputs into another group and float right. I always have to dumb it down because i can’t do that.

Or, it’d be nice to be able to add div’s and add framework classes for responsive layouts, like those used in the skelteon framework (getskeleton.com). I imagine a few users might want to do the same with Bootstrap or Foundation 2

Please add support to add classes to fields/Buttons.

Unless I missed this somewhere, this is a needed option. Much better option than adding your own CSS to the fields/Buttons.

@btray1977 You can already – have a look at the help text for the extra fields and/or the help text at the top of the css settings. Both explain how you can do this.

@mike Challis One thing I’m running into for a form I’m currently designing: both the fields and the labels are wrapped in <div>‘s and if I add any html before/after, that is also wrapped in a div.
Also none of the div’s in the form have id’s.

Alltogether, this makes it a lot harder to add any jQuery logic to the form – think only showing a certain label+field-set when (another) checkbox is checked. To be able to do so now, requires walking the html tree surrounding an input field and even then it’s still not easy to get right.
For jQuery, this is very inefficient.
The only way I can currently get it to work in a semi-efficient way is by adding the same class to both label + input (which I don’t need for the css) and then letting jQuery pick up on the unique classnames for that label+field-set.
May be there are better ways to do this, but I haven’t found one yet.

All in all, some HTML clean up would be lovely ??

Current html generated:

<div><html_before></div>
<div><label>label</label></div>
<div><input #id /></div>
<div><html_after></div>

Suggested html generated:

<div #id>
<html before>
<label>label</label>
<input #id />
<html_after>
</div>

Hope this helps!

Smile,
Juliette

Simple request: add breaks between fields. When Meeting Scheduler is disabled, the headings and field boxes crash into each other on Linux Chrome.

I concur with Gberk’s suggestion to be able to edit the output of the form in both the “from” and “confirmation” emails. It would be great to include certain input fields in the confirmation email with shortcodes.