• Resolved Sean Varnham

    (@seanvarnham)


    Hi team,

    I’m a dev working with your plugin on a client’s site and I’m having trouble figuring out why the application form is rendering as text rather than input fields:

    <div class="wpbb-application-form__wrapper" id="apply-form-141" data-post-id="141">
    
    		<h3 class="wpbb-application-form__title" id="wpbb-application-form__title">Apply for this Job</h3>
    	
    	<form action="#wpbb-application-messages-141" method="post" enctype="multipart/form-data" class="wpbb-application-form" id="wpbb-application-form" novalidate="novalidate">
    
    		<input type="hidden" id="wpbb_application_nonce_field" name="wpbb_application_nonce_field" value="da1951ce26"><input type="hidden" name="_wp_http_referer" value="/ernestgordon/web/jobs/mechanical-design-engineer/">			<div class="wpbb-application-field wpbb-application-field-text required" id="wpbb-application-field-candidate_name">
    
    						<label for="wpbb-input-candidate_name">
    			<span class="wpbb-field-label">Name</span> <span class="required-symbol">*</span>			<input type="text" data-msg="This is a required field." name="wpbb_application_data[candidate_name]" class="wpbb-input-text" id="wpbb-input-candidate_name" required="">
    		</label>
    		<p class="wpbb-application-field__description">Please enter your full name.</p>
    			</div>
    						<div class="wpbb-application-field wpbb-application-field-email required" id="wpbb-application-field-candidate_email">
    
    						<label for="wpbb-input-candidate_email">
    			<span class="wpbb-field-label">Email</span> <span class="required-symbol">*</span>			<input type="email" data-msg="This is a required field." name="wpbb_application_data[candidate_email]" class="wpbb-input-email" id="wpbb-input-candidate_email" value="" required="">
    		</label>
    		<p class="wpbb-application-field__description">Enter a valid email address.</p>
    			</div>
    						<div class="wpbb-application-field wpbb-application-field-textarea required" id="wpbb-application-field-message">
    
    						<label for="wpbb-input-message">
    			<span class="wpbb-field-label">Cover Letter</span> <span class="required-symbol">*</span>			<textarea data-msg="This is a required field." name="wpbb_application_data[message]" value="" class="wpbb-input-textarea" id="wpbb-input-message" required=""></textarea>
    		</label>
    		<p class="wpbb-application-field__description">Add your cover letter for supporting information here.</p>
    			</div>
    						<div class="wpbb-application-field wpbb-application-field-file required" id="wpbb-application-field-cv">
    
    						<label for="wpbb-input-cv" class="wpbb-label required">
    			<span class="wpbb-field-label">Upload a CV</span> <span class="required-symbol">*</span>			<input type="file" data-msg="This is a required field." name="cv" class="wpbb-input-file" id="wpbb-input-cv" required="">
    		</label>
    		<p class="wpbb-application-field__description">Upload your CV to accompany your application for this job.</p>
    			</div>
    						<div class="wpbb-application-field wpbb-application-field-checkbox required" id="wpbb-application-field-consent">
    
    						<label for="wpbb-input-consent" class="wpbb-label required">
    			<input type="checkbox" data-msg="This is a required field." name="wpbb_application_data[consent]" id="wpbb-input-consent" required="" value="1">
    			<span class="wpbb-field-label">Please tick this box to consent to us using your data. How we use your data is outlined in our <a href="">privacy policy</a></span> <span class="required-symbol">*</span>		</label>
    		
    			</div>
    				<p class="wpbb-required-message">Fields marked with * are required.</p>
    		<input type="submit" name="wpbb_application_data[submit]" value="Apply now" class="wpbb-input-submit" id="wpbb-input-submit">
    	
    	</form>
    
    	
    </div>

    I have deactivated the theme and tried TwentyTwenty, and the form works fine so I know it’s a theme issue. I’ve added a few functions to add meta fields etc but even after deactivating these it still doesn’t work. I’ve tried commenting out the JS and still no resolution so I don’t think it’s any of those causing it. Have you come across this before, and if so any tips would be appreciated.

    Thanks in advance.

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Form redering as text’ is closed to new replies.