Docs

[yhshin1020]

Hey,

I have a contact form set up and for some reason the elements inside <div> are not looking the same as the other elements.

Could you look into this?

Thanks.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code :

.clearfix label {
    color: #999999;
}

Please update your code to :

<label> Your Name*
    [text* id:name placeholder "Name"] </label>

Gender*
[select gender exclusive use_label_element "Male" "Female"]

Nationality*
[checkbox* id:nation exclusive free_text "Singaporean" "Malaysian" "Others"]

Language
[checkbox id:lang exclusive free_text "English" "Mandarin" "Malay" "Tamil" "Others"]

<label> Profession
    [text profession] </label>

<div class=  "clearfix">
  <div id = "left">
      <label>Date of birth*[text* dob placeholder "mm/dd/yyyy"]</label>
      <label>Email Address* [text* mail placeholder "Email Address"]</label>
  </div>
 <div id = "right">
      <label>Postal Address* [text* address placeholder "Postal Address"]</label> 
      <label>Contact No.* [text* contact placeholder "Contact No."]</label>
  </div>
</div>

<label> How did you hear about us? 
    [text motive] </label>

Which of the following areas would you be interested in?*
[checkbox* id:areas areas free_text "Administrative" "Fundraising Events" "Soliciting Sponsorship" "Web Design" "Editorial" "Others"]

What is your commitment period?*
[checkbox id:committment committment exclusive "On an ad-hoc basis whenever help is required" "If you have a preferred time period, please specify: "]</br>

<label>Start from:
[date your-date min:today max:today+3years step:1 class:required]</label>

<label>End at:
[date your-date-2 min:today max:today+3years step:1 class:required]</label>

[recaptcha]
[submit id:sendbutton "Send"]

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please find this line of code :

#left {
    width: 47%;
    float: left;
    margin-right: 6%;
}

And update it to :

#left {
    width: 50%;
    float: left;
    margin-right: 3%;
}

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Left and right DIVs are displaying side by side, not sure what vertical space you’re referring to. Please clarify or provide us with screen shot.

Thanks.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

There is <br> tag between labels, see the attachment

Please update your code to :

<label> Your Name*
    [text* id:name placeholder "Name"] </label>

Gender*
[select gender exclusive use_label_element "Male" "Female"]

Nationality*
[checkbox* id:nation exclusive free_text "Singaporean" "Malaysian" "Others"]

Language
[checkbox id:lang exclusive free_text "English" "Mandarin" "Malay" "Tamil" "Others"]

<label> Profession
    [text profession] </label>

<div class=  "clearfix">
  <div id = "left">
      <label>Date of birth*[text* dob placeholder "mm/dd/yyyy"]</label><label>Email Address* [text* mail placeholder "Email Address"]</label>
  </div>
 <div id = "right">
      <label>Postal Address* [text* address placeholder "Postal Address"]</label><label>Contact No.* [text* contact placeholder "Contact No."]</label>
  </div>
</div>

<label> How did you hear about us? 
    [text motive] </label>

Which of the following areas would you be interested in?*
[checkbox* id:areas areas free_text "Administrative" "Fundraising Events" "Soliciting Sponsorship" "Web Design" "Editorial" "Others"]

What is your commitment period?*
[checkbox id:committment committment exclusive "On an ad-hoc basis whenever help is required" "If you have a preferred time period, please specify: "]</br>

<label>Start from:
[date your-date min:today max:today+3years step:1 class:required]</label>

<label>End at:
[date your-date-2 min:today max:today+3years step:1 class:required]</label>

[recaptcha]
[submit id:sendbutton "Send"]

Hope it helps.

[Author]

Posts