Public Forums 71,145 posts

[olynnow Friend olynnowJoin date: May 2009Posts: 3Downloads:0Uploads:0]

#206213

Hi all,

Please help me configure a form in Purity 3.

I’ve created a HTML module and added the code below, but, please tell me how to:
1. add the email address where the message should go (I guess this is in button settings but I don’t know how)
2. add captcha
3. add a “success message” that the message was sent

Thank you.
Alan

PS: The code I use is:

<!– //Inputs –>

<!– Example Form –>
<div class=”row example-row example-forms”>

<div class=”col-lg-12″>
<h2>Sample Basic Form</h2>
<div class=”well”>
<form class=”form-horizontal”>
<fieldset>
<legend>Legend</legend>
<div class=”form-group”>
<label for=”inputEmail” class=”col-lg-2 control-label”>Email</label>
<div class=”col-lg-10″>
<input type=”text” class=”form-control” id=”inputEmail” placeholder=”Email”>
</div>
</div>
<div class=”form-group”>
<label for=”inputPassword” class=”col-lg-2 control-label”>Password</label>
<div class=”col-lg-10″>
<input type=”password” class=”form-control” id=”inputPassword” placeholder=”Password”>
<div class=”checkbox”>
<label>
<input type=”checkbox”> Checkbox
</label>
</div>
</div>
</div>
<div class=”form-group”>
<label for=”textArea” class=”col-lg-2 control-label”>Textarea</label>
<div class=”col-lg-10″>
<textarea class=”form-control” rows=”3″ id=”textArea”></textarea>
<span class=”help-block”>A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
</div>
</div>
<div class=”form-group”>
<label class=”col-lg-2 control-label”>Radios</label>
<div class=”col-lg-10″>
<div class=”radio”>
<label>
<input type=”radio” name=”optionsRadios” id=”optionsRadios1″ value=”option1″ checked=””>
Option one is this
</label>
</div>
<div class=”radio”>
<label>
<input type=”radio” name=”optionsRadios” id=”optionsRadios2″ value=”option2″>
Option two can be something else
</label>
</div>
</div>
</div>
<div class=”form-group”>
<label for=”select” class=”col-lg-2 control-label”>Selects</label>
<div class=”col-lg-10″>
<select class=”form-control” id=”select”>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<br>
<select multiple=”” class=”form-control”>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<div class=”form-group”>
<div class=”col-lg-10 col-lg-offset-2″>
<button class=”btn btn-default”>Cancel</button>
<button type=”submit” class=”btn btn-primary”>Submit</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>

</div>
<!– //Example Form –>

</div>
<!– //FORMS –>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#570148

Thanks for contacting us, I have checked your code above. I appreciate the hard work for you, but with more and more customization you should hire a developer to carry out such work, customization support is out of JA support scope.

[olynnow Friend olynnowJoin date: May 2009Posts: 3Downloads:0Uploads:0]

#570358

Hi,

Actually this is the code taken from the Typography page. The thing is that you present a option to have forms but is there a manual on how to set the form to actually send an e-mail?

Thanks,
Alan

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#570387

<em>@olynnow 473078 wrote:</em><blockquote>Hi,

Actually this is the code taken from the Typography page. The thing is that you present a option to have forms but is there a manual on how to set the form to actually send an e-mail?

Thanks,
Alan</blockquote>

As the purpose of this page, we provide typo / sample markup of the form, it will need more code to work properly with functions like: send email, captcha, submit form….

Anyway, you can take a look for a 3rd party extension supporting this kind of form.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#735453

<em>@olynnow 473078 wrote:</em><blockquote>Hi,

Actually this is the code taken from the Typography page. The thing is that you present a option to have forms but is there a manual on how to set the form to actually send an e-mail?

Thanks,
Alan</blockquote>

As the purpose of this page, we provide typo / sample markup of the form, it will need more code to work properly with functions like: send email, captcha, submit form….

Anyway, you can take a look for a 3rd party extension supporting this kind of form.

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#570388

Alan,

Take a look at

http://www.chronoengine.com/

They have all the forms you may require for your site.

Take care,

Arthur

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#735454

Alan,

Take a look at

http://www.chronoengine.com/

They have all the forms you may require for your site.

Take care,

Arthur

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#570505

@olynnow: or you can find some forms from JED

[Author]

Posts