<div class="comForm js-comForm" data-error-message="An error occurred, please try again" data-message-element=".js-comFormMessage" data-error-class="alert-error" data-success-class="alert-success">

    <div class="comForm_panel js-comForm_panel">
        <form class="js-comForm_form" class="form" action="#" novalidate="">
            <div class="alert js-comFormMessage" style="display: none"></div>
            <fieldset>
                <div class="form_field js-comForm_field">
                    <label class="form_label" for="Email">
    E-mail
  </label>
                    <input id="Email" placeholder="Enter your e-mail" class="form_input " type="" required aria-required="true">
                </div>

                <div class="form_field js-comForm_field">
                    <label class="form_label" for="Message">
    Message
  </label>
                    <textarea class="form_textarea " name="Message" id="Message" placeholder="Describe your issue or request information" required aria-required="true"></textarea>
                </div>

            </fieldset>

            <div class="form_field form_field-actions">
                <button class="btn js-comForm_submit" type&#x3D;&quot;submit&quot;>
  Send
</button>

                <button class="btn btn-close js-comForm_close" type&#x3D;&quot;submit&quot;>
  Cancel
</button>

            </div>
        </form>
    </div>

    <a class="comForm_trigger js-comForm_trigger" role="button" href="#">
    <span class="comForm_triggerIcon">
      <span class="i i-feedback u-pull-top-4"></span>
    </span>
    <span class="comForm_triggerLabel">
      Feedback about the site?
    </span>
  </a>

</div>
<div class="comForm js-comForm"
  data-error-message="An error occurred, please try again"
  data-message-element=".js-comFormMessage"
  data-error-class="alert-error"
  data-success-class="alert-success"
>

  <div class="comForm_panel js-comForm_panel">
    <form class="js-comForm_form" class="form" action="#" novalidate="">
      <div class="alert js-comFormMessage" style="display: none"></div>
      <fieldset>
        {{ render '@form--text-input' email }}
        {{ render '@form--textarea' message }}
      </fieldset>

      <div class="form_field form_field-actions">
        {{ render '@btn' submit }}
        {{ render '@btn' cancel }}
      </div>
    </form>
  </div>

  <a class="comForm_trigger js-comForm_trigger" role="button" href="#">
    <span class="comForm_triggerIcon">
      <span class="i i-feedback u-pull-top-4"></span>
    </span>
    <span class="comForm_triggerLabel">
      Feedback about the site?
    </span>
  </a>

</div>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
  "email": {
    "id": "Email",
    "label": "E-mail",
    "placeholder": "Enter your e-mail",
    "field_class": "js-comForm_field",
    "attr": "required aria-required=\"true\""
  },
  "message": {
    "id": "Message",
    "label": "Message",
    "placeholder": "Describe your issue or request information",
    "field_class": "js-comForm_field",
    "attr": "required aria-required=\"true\""
  },
  "submit": {
    "label": "Send",
    "class": "js-comForm_submit",
    "el": "button",
    "attr": "type=\"submit\""
  },
  "cancel": {
    "label": "Cancel",
    "class": "btn-close js-comForm_close",
    "el": "button",
    "attr": "type=\"submit\""
  }
}

There are no notes for this item.