09 - Create Email Form field to contact Agent

Last modified
Friday, 15 January 2021

Basicly the email field also display an email with a mailto link but we add a big feature on it, a custom form system :

  • Ulimited field adding
  • 14 html5 inputs (text, text area selct checkbox, range, file etc)
  • multi value systeme
  • Upload and attach file to email
  • Copy to user and administrator
  • Display form in modal regarding view
  • Custom submit button
  • Recaptcha compatible
  • Consent checkbox

In item for user set email and form send value to this email, powerfull and simplier

In this tutorial we will create form to contact Agent and use (later) the relation field to display in estate !

  1. Create field and set name
  2. Choose email type
  3. Assign to agent type

  1. Go to veiwing tab
  2. Select form layout
  3. Display title  form yes
  4. Set your title
  5. Select if copy email is sended to user
  6. Select if copy email is sended to administrator
  7. Set admin email
  8. Set if input label is diplsay in left (template position heritage) top or in placeholder
  9. You can set if form is displayed in modal to win some space
  10. And you can set where did you want to use modal instead of inline form
  11. Set your text button (you can use JTXT format for translate button
  12. Set your class button according your template
  13. And choose size of modal

 

 

 

After this you can customize the form with joomla! repetable field

  1. Add new field
  2. Select field type
  3. Set id name (using in html code)
  4. Set label of this input
  5. Select value (regarding type of field)
  6. Set if this field is required
  7. With this handle you can change order of display

 

to use the form system you need to check this

- You need to have 1 email field with emailfrom in id/name AND
- 1 field with name in id/name OR - 1 field with firstname and 1 field with lastname in Id/name
For subject use add subject in id/name of wanted field
To create multivalue field like radio/checkbox/select us your value1;;your value 2 in values. You can use every string and Joomla string translate. Formated values for each field are automaticly created.

You can use any caracteres and JSTRING in value and label

You can use values to add html5 pattern validation for field
- Url 'https://.*'
- Email This email address is being protected from spambots. You need JavaScript enabled to view it.'
- File '.jpg, .pdf .doc or audio/*, image/* and multiple or unique like .pdf;;multiple;;5 for a field with multi pdf with only 5 files or .jpg;;unique for only one jpg'
- Tel '[0-9]{3}-[0-9]{3}-[0-9]{4}'
- Range 'value min;;value max;;step like 0;;100;;10'

For this tutorial we create

After this we can set option for last part of form

  1. Set text for submit button
  2. Set class of button according your template
  3. Display the conset checkbox
  4. Set texte of consent
  5. Set link too existing item
  6. Set if you want to use Captcha, that load captcha plugin set in global configuration of Joomla!

Now you can add an email for agent

and display a form in item view

and a button in category view