<!-- ### Begin: Element form_formframework ### -->
<div id="c84" class="frame frame-default frame-type-form_formframework frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Forms
</h2>
</header>
<div class="form-container form-identifier-contactform-810">
<form enctype="multipart/form-data" method="post" novalidate="novalidate" id="contactform-810">
<div class="form-row row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<fieldset id="contactform-810-fieldset-left" class="form-fieldset form-fieldset-left">
<div class="form-fieldset-inner">
<div class="form-element form-element-type-text form-group">
<div class="input">
<label for="input364">
Full name and surname * </label>
<input class="form-control" id="input364" placeholder="Full name and surname" required="true" type="text" />
</div>
</div>
<div class="form-element form-element-type-text form-group">
<div class="input">
<label for="input207">
Company * </label>
<input class="form-control" id="input207" placeholder="Company" required="true" type="text" />
</div>
</div>
<div class="form-element form-element-type-text form-group">
<div class="input">
<label for="input423">
Email * </label>
<input class="form-control" id="input423" placeholder="Email" required="true" type="text" />
</div>
</div>
</div>
</fieldset>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<fieldset id="contactform-810-fieldset-left" class="form-fieldset form-fieldset-left">
<div class="form-fieldset-inner">
<div class="form-element form-element-type-text form-group">
<div class="input">
<label for="input963">
Subject * </label>
<input class="form-control" id="input963" placeholder="Subject" required="true" type="text" />
</div>
</div>
<div class="form-element form-element-type-textarea form-group">
<div class="input">
<label for="input741">
Message * </label>
<textarea class="form-control" id="input741" placeholder="Message" required="true"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="form-actions">
<nav class="form-navigation">
<div class="btn-toolbar" role="toolbar">
<div class="btn-group" role="group">
<span class="btn-group next submit">
<button class="btn btn-primary" type="submit" name="tx_form_formframework[contactform-810][__currentPage]" value="1">
Submit
</button>
</span>
</div>
</div>
</nav>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- ### End: Element form_formframework ### -->
{% extends form ? '@wrapper-frame' : '@wrapper-empty' %}
{% set CType = 'form_formframework' %}
{% set uid = random(999) %}
{% set attributes = [] %}
{% if form.action %}
{% set attributes = attributes|merge([' action="' ~ form.action ~ '"']) %}
{% endif %}
{% if form.method %}
{% set attributes = attributes|merge([' method="' ~ form.method ~ '"']) %}
{% endif %}
{% if form.novalidate %}
{% set attributes = attributes|merge([' novalidate="' ~ form.novalidate ~ '"']) %}
{% endif %}
{% block main %}
{% include '@atom-header' %}
<div class="form-container form-identifier-contactform-{{ uid }}">
<form enctype="multipart/form-data"
method="post"
novalidate="novalidate"
id="contactform-{{ uid }}">
<div class="form-row row">
{% set colClass = 'col-12' %}
{% if (form.fieldsets|length) > 1 %}
{% set colClass = 'col-12 col-sm-6 col-md-6 col-lg-6' %}
{% endif %}
{% for element in form.fieldsets %}
<div class="{{ colClass }}">
<fieldset id="contactform-{{ uid }}-fieldset-{{ element.identifier }}" class="form-fieldset form-fieldset-{{ element.identifier|default(left) }}{% if element.properties.elementClassAttribute %} {{ element.properties.elementClassAttribute }}{% endif %}">
<div class="form-fieldset-inner">
{% if element.label %}
<legend>{{ element.label }}</legend>
{% endif %}
{% for element in element.elements %}
{# prettier-ignore-start #}
{% include '@atom-' ~ element.type with element.context %}
{# prettier-ignore-end #}
{% endfor %}
</div>
</fieldset>
</div>
{% endfor %}
</div>
<div class="form-actions">
<nav class="form-navigation">
<div class="btn-toolbar" role="toolbar">
<div class="btn-group" role="group">
<span class="btn-group next submit">
<button class="btn btn-primary"
type="submit"
name="tx_form_formframework[contactform-{{ uid }}][__currentPage]"
value="1">
{{ form.submit.label }}
</button>
</span>
</div>
</div>
</nav>
</div>
</form>
</div>
{% endblock %}
{
"bodytext": null,
"categories": null,
"CType": null,
"customId": null,
"date": null,
"frame_class": null,
"header": "Forms",
"header_color": null,
"header_layout": 2,
"header_link": null,
"header_position": null,
"header_style": null,
"layout": null,
"space_after_class": null,
"space_before_class": null,
"space_inner_after_class": null,
"space_inner_before_class": null,
"subheader": null,
"target": null,
"form": {
"action": null,
"method": null,
"novalidate": null,
"submit": {
"label": "Submit"
},
"fieldsets": [
{
"label": null,
"identifier": "left",
"properties": {
"elementClassAttribute": null
},
"elements": [
{
"type": "input",
"context": {
"label": "Full name and surname",
"placeholder": "Full name and surname",
"required": true
}
},
{
"type": "input",
"context": {
"label": "Company",
"placeholder": "Company",
"required": true
}
},
{
"type": "input",
"context": {
"label": "Email",
"placeholder": "Email",
"required": true
}
}
]
},
{
"label": null,
"identifier": "left",
"properties": {
"elementClassAttribute": null
},
"elements": [
{
"type": "input",
"context": {
"label": "Subject",
"placeholder": "Subject",
"required": true
}
},
{
"type": "input",
"context": {
"label": "Message",
"placeholder": "Message",
"required": true,
"textarea": true
}
}
]
}
]
}
}
No notes defined.