httpumbracoorgdocumentationcommunity snippetseasy to use contact form package - Features

Michael Kearney (banned) 6 posts -33 karma points

Jun 27, 2009 @ 20:14

http://umbraco.org/documentation/community-snippets/easy-to-use-contact-form-package

This package includes a file, umbmailform.dll that is easy to use. Unzip the .umb extension and edit umbMailForm.ascx: You can put the usercontrol into a html table:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="umbMailForm.ascx.cs" Inherits="umbMailForm.umbMailForm" %>
<form runat="server">
<table width="100%" height="240" border="0" cellpadding="5" cellspacing="5" style="style="font-family: Geneva, Arial,

Helvetica, sans-serif; font-size: 14px;">
<tr>
    <asp:PlaceHolder ID="labelName" runat="server">
    <td width="8%"><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionName"

runat="server"></asp:Literal></label></td>
    <td width="92%"><asp:TextBox ID="name" runat="server"></asp:TextBox></td>
</tr>
   </asp:PlaceHolder>
<tr>
    <asp:PlaceHolder ID="labelEmail" runat="server">
    <td><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionEmail" runat="server"></asp:Literal></label></td>
    <td><asp:TextBox ID="email" runat="server"></asp:TextBox></td>
</tr>
    </asp:PlaceHolder>
<tr>
    <asp:PlaceHolder ID="labelZipCode" runat="server">
    <td><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionZipCode" runat="server"></asp:Literal></label></td>
    <td><asp:TextBox ID="zipCity" runat="server"></asp:TextBox></td>
    </asp:PlaceHolder>
</tr>
<tr>
    <asp:PlaceHolder ID="labelState" runat="server">
    <td><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionState" runat="server"></asp:Literal></label></td>
    <td><asp:TextBox ID="state" runat="server"></asp:TextBox></td>
    </asp:PlaceHolder>
</tr>
<tr>
    <asp:PlaceHolder ID="labelPhone" runat="server">
    <td><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionPhone" runat="server"></asp:Literal></label></td>
    <td><asp:TextBox ID="phone" runat="server"></asp:TextBox></td>
    </asp:PlaceHolder>
</tr>
<tr>
    <asp:PlaceHolder ID="labelComment" runat="server">
    <td height="45"><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionComment"

runat="server"></asp:Literal></label></td>
    <td><asp:TextBox ID="comment" TextMode="multiLine" runat="server"></asp:TextBox></td>
    </asp:PlaceHolder>
</tr>
</table>
</td>
</tr>
</table>
<asp:PlaceHolder ID="labelCompany" runat="server">
<p><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionCompany" runat="server"></asp:Literal></label>
<asp:TextBox ID="company" runat="server"></asp:TextBox>
</p>
</asp:PlaceHolder>
<asp:PlaceHolder ID="labelAddress" runat="server">
<p><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionAddress" runat="server"></asp:Literal></label>
<asp:TextBox ID="address" TextMode="multiLine" runat="server"></asp:TextBox>
</p>
</asp:PlaceHolder>
<asp:PlaceHolder ID="labelCountry" runat="server">
<p><label class="umbMailFormLabel"><asp:Literal ID="labelCaptionCountry" runat="server"></asp:Literal></label>
<asp:TextBox ID="country" runat="server"></asp:TextBox>
</p>
</asp:PlaceHolder>
<asp:Button ID="send" runat="server" OnClick="send_Click" />
</form>

Then append the file with: <form runat="server"> </form>

Add all three files to a new archive umbmailform2.umb. Start umbraco, left click Developer, right click Macros, and click import package. Browse and Load package. Then append the node where you want the new form:

<node id="1222" version="fc61cd31-c7d0-46b9-a399-48423895f244" parentID="1052" level="2" writerID="0" creatorID="0" nodeType="1044" template="1060" sortOrder="6" createDate="2009-06-25T07:03:37" updateDate="2009-06-25T07:38:25" nodeName="Contact" urlName="contact" writerName="Administrator" creatorName="Administrator" nodeTypeAlias="wwTextpage" path="-1,1052,1222">
        <data alias="bodyText">
          <![CDATA[<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html>
    <head>
        <title>Northern Virginia Information Technology Association - Contact</title>
        <link rel="stylesheet" href="/css/wizard.css" type="text/css">
        <link rel="stylesheet" href="/css/umbracoAutoForm.css" type="text/css">
        <LINK rel="stylesheet" type"text/css" href="/css/wizardPrint.css" media="print">

    </head>
    <body>
<div id="container">
            <div id="main">
<a href="/" title="Back to front page" id="header" style="background: url(/media/95/front.png)">

<div id="naviHolder" style="background: url(/media/131/menubackground.png)">
<ul id="nav"><li><div><a href="http://www.nvita.org">Home</div></li><li><div><a href="/about.aspx">About</div></li><li><div><a href="/news.aspx">News</div></li><li class="current"><div><a href="/contact.aspx">Contact</div></li></ul>

</div>

                <div id="content">
<div id="textContent">
<h1>Contact</h1>
<table width="100%" border="0">
<tr>
    <td>
<table border="0" cellspacing="0" cellpadding="0" width="600" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px;">
    <tbody><tr><td valign="top"><p><strong>Michael Kearney:</strong></p>
<p class="style2">17914 Milroy Dr.</p><p>Dumfries, VA 22026 </p><p class="style2"><a href="mailto:[email protected]">[email protected]  </p><p>+1 703 - 953 - 9626</p><p><strong>$25 / Hourly</strong> <BR><BR><BR><BR><BR><BR><BR><BR><BR></td>
    <td valign="top"><table width="100%" border="0" cellspacing="5" cellpadding="5" align="top"><tr><td>]]>
        </data>
        <data alias="headerImage" />
      </node>

It's a real bummer but, both the application pool and the website must be restarted to read the new umbraco.config file. On the plus side, when the application is restarted, there is nothing. In the web browser cache that is. Start umbraco and write a new master template:

<?UMBRACO_TEMPLATE_LOAD_CHILD/>
<form method="post" action="/contact.aspx" id="aspnetForm">
<?UMBRACO_GETITEM field="bodyText"/>
<div align="center"><?UMBRACO_MACRO macroAlias="umbracoMailForm" Subject="Nvita.org Receipt" TheName="Name:" TheEmail="Email:" TheZipAndCity="City:" TheState="State:" ThePhone="Phone:" TheComment="Help:"
MailIntro="Thank you, someone will be right with you!

You Wrote:

" FromEmail="[email protected]" Emails="[email protected]" CopyToSender="1" RedirectId="1052" SendButtonCaption="Click Here to send to nvita.org">
</?UMBRACO_MACRO>
<BR>
<BR>
<BR>
<BR>
   </td>
</tr>
</table>
</td>

</tr>
</tbody>
</table>
<BR>
</div>
<p><ul id="umbBreadcrum"><li><a href="/.aspx" title="@nodeName"> &rsaquo;</li><li>Contact</li></ul><br/><br style="clear: both;" /></p>
<p id="bottomInfo"> Thursday, June 25, 2009, Administrator</p>
</div><div id="bottom"></div>
                </div>
                <img NOWRAP src="http://www.nvita.org/css/wizard/background_bottom.gif">

</div>

<br style="clear: both;" />
<a title="Visit the umbraco.org site" href="http://umbraco.org" style="font-size: 10px; text-decoration: none; color: #999">Powered by umbraco
    </body>
</html>

Start umbraco, click Content, Tree Item, Node and select the properties tab. Select the new template:

http://www.nvita.org/contact.aspx

Copy Link

Dirk De Grave 4541 posts 6021 karma points MVP 3x admin c-trib

Jun 27, 2009 @ 21:32

It sounds as a first spam post... I'd like to delete this... but can't, anyone else who can?

Cheers,

/Dirk

Copy Link

Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib

Jun 27, 2009 @ 21:37

Yes it indeed looks like spam. But are you 100% sure it is? Or could it be a guy that has been a bit confused about how to upload and document a package?.

I just think some of it actually sound reasonable...or is it just me? :)

/Jan

Copy Link

Dirk De Grave 4541 posts 6021 karma points MVP 3x admin c-trib

Jun 27, 2009 @ 21:45

in that case, i would have asked how to deal with that instead of posting code... and adding a link to a contact page!

on top of that, it doesn't have to be posted twice...

just my 2 cents.

cheers,

/dirk

Copy Link

Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib