HTML Markup blocks field editing

  • Hi Support,

    I am using some HTML markup to display 3 column in a raw and its showing perfectly as i wanted it to be but i am not able to fill anything in that field.

    The field it seems disable if i use html markup.

    Can anyone from your team get me a solution ?

    Rest of the code:

    
<div class="content-column one_third"><div style="padding:0;"><label>First Name (*)
[text* FirstName]</label></div></div>

<div class="content-column one_third"><div style="padding:0 10px 0 10px;"><label>Middle Name
[text MiddleName]</label></div></div>

<div class="content-column one_third last_column"><label>Last Name (*)
[text* LastName]</label></div>

<div class="content-column one_half"><div style="padding:0 10px 0 0;"><label> Your Email (*)
    [email* your-email] </label></div></div>

<div class="content-column one_half last_column "><label>Mobile Number (*)
[number* MobileNumber]</label></div>

<label>Address
[textarea Address]</label>

<div class="content-column one_half"><div style="padding:0 10px 0 0;"><label>Branch (*)
[text* Branch]</label></div></div>

<div class="content-column one_half last_column "><label>Year (*)
[text* Year]</label></div>

<div class="content-column one_half" ><div style="padding:0 10px 0 0;"><label>College (*)
[text* College]</label></div></div>

<div class="content-column one_half last_column " ><label>University (*)
[text* University]</label></div>

<label>Upload Your College ID [required]
[file* CollegeID limit:5000000 filetypes:jpg|jpeg|png]</label>
<div class="g-recaptcha" data-sitekey="6LejxIcUAAAAAEGQPrhgsHm7U7o4qTT0Mtx-M-2i"></div>
[submit "Submit"]

    If i cant use these html markup then is there any alternate way ?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • @sahilmoldharia
    Have you tried wrapping the address label and the upload your college id parts in divs.

    so..

    <div class="content-column">
<label>Address
[textarea Address]</label>
</div>

    and

    <div class="content-column">
<label>Upload Your College ID [required]
[file* CollegeID limit:5000000 filetypes:jpg|jpeg|png]</label>
</div>

    the labels that aren’t in divs seem to be overlapping the other content.

    i’m not support, just trying to help

    • This reply was modified 6 years, 1 month ago by allan1978.
    Thread Starter sahilmoldharia

    (@sahilmoldharia)

    You are absolutely right @allan1978 Thanks a lot for your help. It was indeed overlapping with other content. Now that i wrap every elements, its working perfectly fine.

    Thank you so much. Cheers !!

    That’s great @sahilmoldharia

    Glad i could help.

    Thread Starter sahilmoldharia

    (@sahilmoldharia)

    Now when everything shows and work correctly, i just found out that i am not able to send form.

    I am receiving this error in orange border: There was an error trying to send your message. Please try again later.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘HTML Markup blocks field editing’ is closed to new replies.