RED astrick on the required fields... how ?

maxfard 06 Dec, 2010
Is there anyway i can create a custom HTML form and link ?

all i need is to put RED astricks in frot of my Mandetory field links ... what is the easiest way to to that ?
GreyHead 06 Dec, 2010
Hi maxfard,

You can edit the Form hTML in the Form Editor | Form HTML box to add anything you like (except <form & </form> tags).

Bob
maxfard 11 Dec, 2010
Thanks Bob...
i did modify the form and the appearance of the form looks fine, however there is a problem with the email field.

the email field is fine when i enter the captcha correctly, and the email gets sent. no problem with that.

BUT

if i enter the captcha incorrectly into it's field the following code gets generated in the email field:

<script language='JavaScript' type='text/javascript'> <!-- var prefix = 'mailto:'; var suffix = ''; var attribs = ''; var path = 'hr' + 'ef' + '='; var addy8487 = 'maxfard' + '@'; addy8487 = addy8487 + 'live' + '.' + 'com'; document.write( '<a ' + path + '\'' + prefix + addy8487 + suffix + '\'' + attribs + '>' ); document.write( addy8487 ); document.write( '<\/a>' ); //--> </script><script language='JavaScript' type='text/javascript'> <!-- document.write( '<span style=\'display: none;\'>' ); //--> </script>This e-mail address is being protected from spambots. You need JavaScript enabled to view it <script language='JavaScript' type='text/javascript'> <!-- document.write( '</' ); document.write( 'span>' ); //--> </script>

The follwing is the HTML code i have used to customize my form. I have pretty much added a table and used <tr> and <td> tags around <div> tags. That's all....

What would you suggest i should do ?

<div class="form_item">
<div class="form_element cf_heading">
<h4 class="cf_text">Contact New Trend Home</h4>
</div>
<div class="cfclear"> </div>
</div>

<table>
<tr>
<td width="274">
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">First Name</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="Name is Required" id="text_1" name="text_1" type="text" />
</div>
<div class="cfclear"> </div>
</div>
</td>
<td width="28" style="color:#F00">
<h1>*** </h1></td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Last Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="text_2" name="text_2" type="text" />

</div>
<div class="cfclear"> </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">eMail</label>
<input class="cf_inputbox validate-email" maxlength="150" size="30" title="Invalid Email Address" id="text_10" name="text_10" type="text" />

</div>
<div class="cfclear"> </div>
</div>
</td>
<td style="color:#F00">
<h1>*** </h1></td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Phone Number</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="Phone Number is Required" id="text_4" name="text_4" type="text" />

</div>
<div class="cfclear"> </div>
</div>
</td>
<td style="color:#F00">
<h1>*** </h1></td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Cell Number</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="text_3" name="text_3" type="text" />

</div>
<div class="cfclear"> </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Best Time To Contact</label>
<select class="cf_inputbox" id="select_5" size="1" title="" name="select_5">
<option value="">Choose Option</option>
<option value="Morning">Morning</option>
<option value="Afternoon">Afternoon</option>
<option value="Evening">Evening</option>
<option value="Night">Night</option>

</select>

</div>
<div class="cfclear"> </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Message</label>
<textarea class="cf_inputbox" rows="9" id="text_6" title="" cols="30" name="text_6"></textarea>

</div>
<div class="cfclear"> </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_captcha">
<label class="cf_label" style="width: 150px;">Verification</label>
<span>{imageverification}</span>

</div>
<div class="cfclear"> </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="form_item">
<div class="form_element cf_button">
<input value="Send" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</td>
</tr>

</table>
GreyHead 11 Dec, 2010
Hi maxfard,

You have the Joomla! Email Cloaking Plug-in enabled and it is trying to cloak the sample e-mail in the ChronoForms validation message. Disable the plug-in temporarily to check this is the problem. If you need the plug-in change the plug-ins order so that Email Cloaking runs before ChronoForms.

NB These are Joomla! plug-ins that you manage from Site Admin | Extensions | Plug-in Manager

Bob
This topic is locked and no more replies can be posted.