Easy Edit Contact Form Options
stevenwilber
Posted: Monday, August 20, 2007 11:45:34 PM
Rank: Devotee

Joined: 5/5/2007
Posts: 42
Hi All,

The problem I'm always having with Umbraco is the creation of the contact form for the website.

It's nice and easy I know, with a little user control, but then the client wants to add a field or change the email addresses and you have to mess around editing the contact form ascx and uploading it again.

They are also nearly always the same. Name, email, telephone, blah, blah, blah. But not quite.

So finally I've put together a package to allow you to create a CSS styleable easy to edit (easy for the client), validated contact form.

I've even made a doco to go with it.

Since it has no styling you will need to create the CSS style sheet to match, but I've added in a couple of samples to get you started.

This is now a standard package in all our new website jobs at Essence Design, and hopefully it can be for you too.

Anyway, enough blather. "Where is the code?", I hear you ask.

Well here:
http://www.essence-design.co.uk/download/ED Generic Email Form.zip

And the documentation is here:
http://www.essence-design.co.uk/download/ED Generic Email Form.pdf

Have fun with it. Test it out. Let me have your feedback. We have some future enhancements in mind, but I'd rather hear your feedback.

Sadly I can't post any links to live websites running the code as I don't think our clients would appreciate it and I've not set up a test one that is externally visible.

Anyway, have fun.

Cheers to all

Steven

P.S. Sorry if this appears twice. I blame my dog.

Web Site Design - Essence Design
mortenbock
Posted: Tuesday, August 21, 2007 9:22:43 AM

Rank: Addict

Joined: 7/19/2006
Posts: 661
Location: Århus, Denmark
Just read through the manual, and it looks neat. Just one thought. The manual says that you have to add a new section with smtp info in the web.config. But the web.config allready has an smtp server defined in the umbracoSmtpServer value. Maybe it should default to that value, and if the server requires authentication, then the user can insert the section you propose?

Morten Bock - Level 2 certified - My danish blog with a few english posts | CodeGarden on Facebook
stevenwilber
Posted: Tuesday, August 21, 2007 11:48:51 AM
Rank: Devotee

Joined: 5/5/2007
Posts: 42
Hi,

I didn't look at that at all to be honest. We just programmed sending mail the standard .NET 2.0 way which uses the settings as specified in the notes I wrote.

I'll look into using the Umbraco settings next revision.

Cheers

Steven

Web Site Design - Essence Design
drobar
Posted: Tuesday, August 21, 2007 1:54:49 PM

Rank: Umbracoholic

Joined: 9/8/2006
Posts: 1,082
Location: KY, USA
This sounds like a nice approach.

I'm a fan of AutoForm Plus, but using a doctype for everything does mean that users can mess things up (I prefer to keep users from even seeing the Settings and Developer sections of umbraco).

However, there are some features of AutoForm/AutoForm Plus that I like very much. Does your system allow for these things as well?

- Regex validation on client and server
- Support for CAPTCHA (I use Per's CAPTCHA module)
- Making nodes, sending email, or both
- Showing groups of questions in a sequence (step 1, step 2, step 3) rather than on a single (probably very long) page
- Options for where to redirect, button text, text to email, etc. etc. etc.

I look forward to hearing more. Keep up the good work, and thanks for sharing!

cheers,
doug.


MVP 2007/2008 - Official Umbraco Trainer for North America - Percipient Studios
stevenwilber
Posted: Tuesday, August 21, 2007 2:39:30 PM
Rank: Devotee

Joined: 5/5/2007
Posts: 42
Hi Doug,

I like AutoForm too, but it is overkill for most of our clients' contact forms who also want to be able to edit the contents of the form, change the recipients etc. This is designed to be as easy as possible for them whilst trying to keep configuration to a maximum.

To answer your questions.

- RegEx support - it has built in support for email validation and telephone number validation. If any other are required they can easily be added by a developer. From the clients perpective they just see a drop down of validation types as per above. I really don't want then having to put in Reg Expressions - it just attracts support calls for no real benefit.

- Support of Captcha is not there. I realised last night that it could be useful, so I'll add it shortly.

- The results of the form are just emailed. It does not make nodes. Part of the "Keep it simple" campaign.

- As for showing a sequence of steps, it is not explicit, but the questions in the form are grouped, and these groups, through CSS and JS, could easily be turned into a wizard style.

- Where to re-direct - it does not re-direct, it shows rich text content for the thank you message. In the content you could easily put a link as to where to go next.

- Button text and button image and alt text are support, as it a form header and footer and email header and footer.

Again, AutoForm will do what you need to do if you want more complex features, but to keep it simple for the clients, and to keep them out of the development area for simple forms this does the job very nicely.

The best thing I could suggest is to create a quick dummy Umbraco (I always keep a blank version backed up for quick testing) and install it and have a play.

Always happy to share as we've gained so much for everyone else.

Cheers to all

Steven


Web Site Design - Essence Design
Madsen
Posted: Friday, November 09, 2007 9:00:53 AM
Rank: Enthusiast

Joined: 10/15/2007
Posts: 14
Hi Steven :thumbup:

I'm exploring some problems with the email form. I followed your tutorial step by step, but I'm getting and error anyway.

The error is: “Control 'ed_form_1_edFormElementTextBox1345' of type 'TextBox' must be placed inside a form tag with runat=server.”.

Any suggestions to how I'm gonna sort this out would be appreciated.

Anyway. Very pleased that you’re releasing this cool email form. That's just what I need.

Mads
aa039
Posted: Tuesday, February 19, 2008 3:13:21 AM
Rank: Newbie

Joined: 2/19/2008
Posts: 1
Hey Steven mate, the links are dead, could you be so kind as to upload the files again?
Thanks,
Al
drewho
Posted: Monday, March 31, 2008 1:31:09 PM
Rank: Newbie

Joined: 3/14/2008
Posts: 2
Hi Steven, is it possible to have radio buttons?
neehouse
Posted: Monday, March 31, 2008 4:05:51 PM
Rank: Umbracoholic

Joined: 7/20/2006
Posts: 1,018
Location: Charleston, West Virginia, United States
Madsen wrote:
Hi Steven :thumbup:

I'm exploring some problems with the email form. I followed your tutorial step by step, but I'm getting and error anyway.

The error is: “Control 'ed_form_1_edFormElementTextBox1345' of type 'TextBox' must be placed inside a form tag with runat=server.”.

Any suggestions to how I'm gonna sort this out would be appreciated.

Anyway. Very pleased that you’re releasing this cool email form. That's just what I need.

Mads


Don't forget the <?ASPNET_FORM> tags around the macro in the template.



• 2007 - 2008 MVP • Charleston, WV, USA • umbracoholic since Dec. 2004 (v.2.0) •
Achieved umbracoholic status on 2008-04-25
Users browsing this topic
Guest


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.