[TASK] multicolumn application form

Resources/Private/Templates/Joblist/ApplyForm.html

@@ -188,6 +188,7 @@
 
 					<f:if condition="!{job}">
 						<f:then>
+							<div class="col-xs-6">
 							<div class="form-group selectdiv">
 								<label for="apply-company" class="smart-label"><f:translate key="frontend.apply.company" /></label>
 								<f:form.select property="company" multiple="0" size="1"
@@ -205,10 +206,11 @@
 										</f:for>
 									</ul>
 								</f:form.validationResults>
-							</div>
+							</div></div>
 						</f:then>
 					</f:if>
 
+					<div class="col-xs-6">
 					<div class="form-group selectdiv">
 						<label for="apply-gender" class="smart-label"><f:translate key="frontend.apply.gender" /></label>
 						<f:form.select property="gender" id="apply-gender" class="form-control" options="{Male: '{f:translate(key: \'frontend.apply.gender.male\')}', Female: '{f:translate(key: \'frontend.apply.gender.female\')}'}" />
@@ -219,8 +221,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-firstName" class="smart-label"><f:translate key="frontend.apply.first_name" /></label>
 						<f:form.textfield property="firstName" class="form-control" id="apply-firstName" placeholder="{f:translate(key:'frontend.apply.first_name')}"/>
@@ -231,8 +234,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-lastName" class="smart-label"><f:translate key="frontend.apply.last_name" /></label>
 						<f:form.textfield property="lastName" id="apply-lastName" class="form-control" placeholder="{f:translate(key:'frontend.apply.last_name')}"/>
@@ -243,8 +247,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-street" class="smart-label"><f:translate key="frontend.apply.street" /></label>
 						<f:form.textfield property="street" id="apply-street" class="form-control" placeholder="{f:translate(key:'frontend.apply.street')}"/>
@@ -255,8 +260,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-4">
 					<div class="form-group">
 						<label for="apply-city" class="smart-label"><f:translate key="frontend.apply.city" /></label>
 						<f:form.textfield property="city" id="apply-city" class="form-control" placeholder="{f:translate(key:'frontend.apply.city')}"/>
@@ -267,8 +273,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-2">
 					<div class="form-group">
 						<label for="apply-zip" class="smart-label"><f:translate key="frontend.apply.zip" /></label>
 						<f:form.textfield property="zip" id="apply-zip" class="form-control" placeholder="{f:translate(key:'frontend.apply.zip')}"/>
@@ -279,8 +286,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group selectdiv">
 						<label for="apply-country" class="smart-label"><f:translate key="frontend.apply.country" /></label>
 						<f:form.select value="{f:if(condition: '{sysLanguageUid} == 0', then: 'Deutschland', else: 'Germany')}" property="country" id="apply-country" class="form-control"
@@ -294,8 +302,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group selectdiv">
 						<label for="apply-nationality" class="smart-label"><f:translate key="frontend.apply.nationality" /></label>
 						<f:form.select value="{f:if(condition: '{sysLanguageUid} == 0', then: 'Deutschland', else: 'Germany')}" property="nationality" id="apply-nationality" class="form-control" options="{countries}"
@@ -309,8 +318,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-education" class="smart-label"><f:translate key="frontend.apply.education" /></label>
 						<f:form.textfield property="education" id="apply-education" class="form-control" placeholder="{f:translate(key:'frontend.apply.education')}"/>
@@ -321,8 +331,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-birthDate" class="smart-label"><f:translate key="frontend.apply.birthDate" /></label>
 						<f:form.textfield property="birthDate" id="apply-birthDate" class="form-control" placeholder="{f:translate(key:'frontend.apply.birthDate')}"/>
@@ -333,8 +344,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-phone" class="smart-label"><f:translate key="frontend.apply.phone" /></label>
 						<f:form.textfield property="phone" id="apply-phone" class="form-control" placeholder="{f:translate(key:'frontend.apply.phone')}"/>
@@ -345,8 +357,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-6">
 					<div class="form-group">
 						<label for="apply-mobile" class="smart-label"><f:translate key="frontend.apply.mobile" /></label>
 						<f:form.textfield property="mobile" id="apply-mobile" class="form-control" placeholder="{f:translate(key:'frontend.apply.mobile')}"/>
@@ -357,8 +370,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-12">
 					<div class="form-group">
 						<label for="apply-email" class="smart-label"><f:translate key="frontend.apply.email" /></label>
 						<f:form.textfield type="email" property="email" id="apply-email" class="form-control" placeholder="{f:translate(key:'frontend.apply.email')}"/>
@@ -369,8 +383,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-12">
 					<div class="form-group">
 						<label for="apply-cover-letter" class="smart-label filled">
 							<f:translate key="frontend.apply.cover_letter" />
@@ -398,8 +413,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-12">
 					<div class="form-group">
 						<label for="apply-cv" class="smart-label filled">
 							<f:translate key="frontend.apply.cv" />
@@ -427,8 +443,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-12">
 					<div class="form-group">
 						<label for="apply-certificate" class="smart-label filled">
 							<f:translate key="frontend.apply.certificate" />
@@ -456,8 +473,9 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 
+					<div class="col-xs-12">
 					<div class="form-group">
 						<label for="apply-message" class="smart-label"><f:translate key="frontend.apply.message" /></label>
 						<f:form.textarea class="form-control" rows="10" property="message" id="apply-message" placeholder="{f:translate(key:'frontend.apply.message')}"/>
@@ -475,7 +493,7 @@
 								</f:for>
 							</ul>
 						</f:form.validationResults>
-					</div>
+					</div></div>
 					<button type="submit" class="btn btn-lg btn-warning">{f:translate(key:'frontend.applyNow')} <i class="fa fa-paper-plane" aria-hidden="true"></i></button>
 				</f:form>
 			</div>