Joomla RSForm PRO adding contact information

Rating: 0.0/5 (0 votes cast)

As a starting point Joomla offers a default contact form that at DiceLock Security we found that it could be improved. Due to the fact that more forms were needed, we search for any component or module to handle easily forms. RSForm PRO allows us to create and work with forms, but we wanted that our Contact form showed more information and easy navigation as a hard coded form …

Applies to:
Joomla 1.5
RSform!Pro 1.2.0 rev 23

At DiceLock Security we wanted to show a Contact form allowing us to provide different contact information for each purpose:

- physical contact,
- service contact,
- basic contact (the proper contact form),

and linking to each mean for easy navigation.

RSForm PRO allows to handle forms, and we wanted to show in our Contact page something like:

Joomla RSForm PRO adding contact information

The fields that can be inserted in the form are: free text, password, radio, checkbox, calendar, textarea, select, button, image button, submit button, reset button, file upload, hidden, free text, ticket number, captcha (anti-spam tool).

So we looked to what fileds we could use to insert the amount of text and links that we wanted on the top of the Contact form. We found the the FreeText filed allowed us to insert HTML code directly, as in the follwing screenshot:

The HTML inserted is:

<table width="100%">
<tr>
<td>
<p>You can contact us through different means:</p>
<p>- <a href="#Headquarters">Headquarters</a> .</p>
<p>- For <strong>Services</strong>, please use our <a href="en/Services.html">Services</a> form.</p>
<p>- <a href="#ContactForm">Contact form</a>.</p>
<p>&nbsp;</p>
<p><strong><a name="Headquarters"></a>Headquarters</strong></p>
<p>You can contact us at:</p>
<table align="left" border="0" width="100%">
<tbody>
<tr>
<td width="20">&nbsp;</td>
<td>DiceLock Security, S.L.</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Angel J. Ferr&eacute; Herrero</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>NIF: 40923966-C</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>C/Senieta, Esc. B, 2&ordm;, 3&ordf;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>43540 Sant Carles de la R&agrave;pita</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Tarragona</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Spain</td>
</tr>
</tbody>
</table>
<table align="left" border="0" width="100%">
<tr>
<td>
<p><a name="ContactForm"></a><strong>Contact Form</strong></p>
</td>
</tr>
<tr>
<td>
Please, insert your information, and we will get in touch with you as soon as possible.
</td>
</tr>
</tbody>
</table>
</td>
<td align="right" valign="top">
<img style="float: right;" alt="Ask a question about the product" src="/images/stories/webimages/WritePen.png" />
</td>
</tr>
</table>
<br />
(*) Required field

that allows us to have internal page links, external links and more information.

We think that this contact page shows all the needed information that our customers may need to contact us by different means.

Rating: 0.0/5 (0 votes cast)