ID12 - Form In Page - Wide

The quick brown fox jumps over

The quick brown fox jumps over

Nunc quis mattis mauris, sit amet tincidunt libero. Praesent vehicula leo ut accumsan blandit fames ac turpis egestas. Donec ut dui lacus.
  • Select the FORMS Group
  • Select Form In Page component
  • Create a data source within a page or globally based on your requirements.
  • Select Variant - Wide
  • Click on Title / Tag / Details - to update the text
  • Click on sitecoreformswrapper-1-1
  • Select Mvc Form
  • Follow path Forms -> GPN -> EnterpriseComponents -> Form In Page
  • Save it
​​

Developer notes

 

<div class="component form-in-page bg-base  wide">
  <div class="component-content">
    <div class="container">
      <div class="row">
        <div class="copy-section">
          <h3 class="title">
            <span>The quick brown fox jumps over</span>
          </h3>
          <p class="tag">
            <span>The quick brown fox jumps over</span>
          </p>
          <div class="details">
            <span>Nunc quis mattis mauris, sit amet tincidunt libero. Praesent vehicula leo ut accumsan blandit fames ac turpis egestas. Donec ut dui lacus.</span>
          </div>
        </div>
        <div class="ec-form-section ">
          <div class="ec-sc-form-wrapper initialized">
            <form action="/formbuilder?sc_site=EnterpriseComponents&amp;sc_ctx_item=%7BC1B8AA18-3964-4C0B-A030-516634B45066%7D&amp;fxb.FormItemId=dba39a64-03b4-4639-9daa-06602bb734fd&amp;fxb.HtmlPrefix=fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774" class="dynform-dba39a6403b446399daa06602bb734fd initialized" data-ajax="true" data-ajax-method="Post" data-ajax-mode="replace-with" data-ajax-success="
jQuery.validator.unobtrusive.parse('#fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_dba39a64-03b4-4639-9daa-06602bb734fd');
jQuery.fxbFormTracker.texts=jQuery.fxbFormTracker.texts||{};
jQuery.fxbFormTracker.texts.expiredWebSession='Your session has expired. Please refresh this page.';
jQuery.fxbFormTracker.parse('#fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_dba39a64-03b4-4639-9daa-06602bb734fd');
jQuery.fxbConditions.parse('#fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_dba39a64-03b4-4639-9daa-06602bb734fd')" data-ajax-update="#fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_dba39a64-03b4-4639-9daa-06602bb734fd" data-gpn-form-id="dba39a6403b446399daa06602bb734fd" data-gpn-form-name="FormInPage" data-sc-fxb="dba39a64-03b4-4639-9daa-06602bb734fd" enctype="multipart/form-data" id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_dba39a64-03b4-4639-9daa-06602bb734fd" method="post" novalidate="novalidate">
              <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_FormSessionId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.FormSessionId" type="hidden" value="9d2307f8-3f1f-46bf-913f-bf2fa8b04bff">
              <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_IsSessionExpired" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.IsSessionExpired" type="hidden" value="0">
              <input name="__RequestVerificationToken" type="hidden" value="wH0njIWR3U3H6zrgK-UUeTOqoJ-qhqECS2fpq-2GZJSQW0odsbPCJ67fJv2STMGijkcySFUfrYpnD5zOgDoXne2IZxMMotVsrO68DYFTlIA1">
              <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_FormItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.FormItemId" type="hidden" value="dba39a64-03b4-4639-9daa-06602bb734fd">
              <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_PageItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.PageItemId" type="hidden" value="841f391e-fa1e-43d3-9391-fdd5d19b036a">
              <div data-sc-field-key="3B30BE7550FA40F0BD27CDAACC0384A9" class="row">
                <div data-sc-field-key="288137273FD7426EB23EFC1FBEDB81DD" class="form-group col-md-6">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_e945489b-17a9-49c9-852d-66529de0468c" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="e945489b-17a9-49c9-852d-66529de0468c">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_e945489b-17a9-49c9-852d-66529de0468c__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[e945489b-17a9-49c9-852d-66529de0468c].ItemId" type="hidden" value="e945489b-17a9-49c9-852d-66529de0468c">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_e945489b-17a9-49c9-852d-66529de0468c__Value" class="">Requesting *</label>
                  <select id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_e945489b-17a9-49c9-852d-66529de0468c__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[e945489b-17a9-49c9-852d-66529de0468c].Value" class="form-control custom-select" data-sc-tracking="True" data-sc-field-name="Dropdown List" data-sc-field-key="A608967A6471483B8B5B3DBE107FDCFB" data-val-required="Requesting * is required." data-val="true" nls_fa_el_name="Dropdown List">
                    <option label=" "></option>
                    <option value="Accept payments" selected="selected">Accept payments</option>
                    <option value="Issuing Services">Issuing Services</option>
                    <option value="Business tools">Business tools</option>
                    <option value="Unified Commerce">Unified Commerce</option>
                  </select>
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[e945489b-17a9-49c9-852d-66529de0468c].Value" data-valmsg-replace="true"></span>
                </div>
                <div data-sc-field-key="0497EACA060F47EEB8FC431F0BF49EE9" class="form-group col-md-6">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_2be571fb-7ae6-46e8-aa92-5c9c4b576378" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="2be571fb-7ae6-46e8-aa92-5c9c4b576378">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_2be571fb-7ae6-46e8-aa92-5c9c4b576378__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[2be571fb-7ae6-46e8-aa92-5c9c4b576378].ItemId" type="hidden" value="2be571fb-7ae6-46e8-aa92-5c9c4b576378">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_2be571fb-7ae6-46e8-aa92-5c9c4b576378__Value" class="">Company *</label>
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_2be571fb-7ae6-46e8-aa92-5c9c4b576378__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[2be571fb-7ae6-46e8-aa92-5c9c4b576378].Value" class="form-control" type="text" value="" maxlength="255" placeholder="" data-sc-tracking="True" data-sc-field-name="Single-Line Text(2)" data-sc-field-key="037B2B3491CD4CDD900135813E6EC77D" data-val-required="Company * is required." data-val="true" nls_fa_el_name="Single-Line Text(2)">
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[2be571fb-7ae6-46e8-aa92-5c9c4b576378].Value" data-valmsg-replace="true"></span>
                </div>
              </div>
              <div data-sc-field-key="8B2012685F87424CBC74897F62E75A48" class="row">
                <div data-sc-field-key="6E955C44031A411FABADCC96E84D5EDA" class="form-group col-md-6">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_1f957e57-352d-459e-9715-c8d7aca67c95" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="1f957e57-352d-459e-9715-c8d7aca67c95">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_1f957e57-352d-459e-9715-c8d7aca67c95__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[1f957e57-352d-459e-9715-c8d7aca67c95].ItemId" type="hidden" value="1f957e57-352d-459e-9715-c8d7aca67c95">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_1f957e57-352d-459e-9715-c8d7aca67c95__Value" class="">First name *</label>
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_1f957e57-352d-459e-9715-c8d7aca67c95__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[1f957e57-352d-459e-9715-c8d7aca67c95].Value" class="form-control" type="text" value="" maxlength="255" placeholder="" data-sc-tracking="True" data-sc-field-name="Single-Line Text(3)" data-sc-field-key="A16BAC84E8FD4D35B888A45051D1C802" data-val-required="First name * is required." data-val="true" nls_fa_el_name="Single-Line Text(3)">
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[1f957e57-352d-459e-9715-c8d7aca67c95].Value" data-valmsg-replace="true"></span>
                </div>
                <div data-sc-field-key="530625059C044D9E9290E9C1185FC504" class="form-group col-md-6">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_c9b9917e-d895-48b2-b60d-e3dbf65b8cf5" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="c9b9917e-d895-48b2-b60d-e3dbf65b8cf5">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_c9b9917e-d895-48b2-b60d-e3dbf65b8cf5__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[c9b9917e-d895-48b2-b60d-e3dbf65b8cf5].ItemId" type="hidden" value="c9b9917e-d895-48b2-b60d-e3dbf65b8cf5">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_c9b9917e-d895-48b2-b60d-e3dbf65b8cf5__Value" class="">Last name *</label>
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_c9b9917e-d895-48b2-b60d-e3dbf65b8cf5__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[c9b9917e-d895-48b2-b60d-e3dbf65b8cf5].Value" class="form-control" type="text" value="" maxlength="255" placeholder="" data-sc-tracking="True" data-sc-field-name="Single-Line Text(4)" data-sc-field-key="D68C050DB5B6458F8B0DE0B1356D9B90" data-val-required="Last name * is required." data-val="true" nls_fa_el_name="Single-Line Text(4)">
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[c9b9917e-d895-48b2-b60d-e3dbf65b8cf5].Value" data-valmsg-replace="true"></span>
                </div>
              </div>
              <div data-sc-field-key="0419DCE5E8374EE79AFAD8ABED82730B" class="row">
                <div data-sc-field-key="CE41C55249CB456CBCB310412007958A" class="form-group col-md-6">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_5eb0b32f-4de1-428e-911d-22a20c6a1e3c" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="5eb0b32f-4de1-428e-911d-22a20c6a1e3c">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_5eb0b32f-4de1-428e-911d-22a20c6a1e3c__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[5eb0b32f-4de1-428e-911d-22a20c6a1e3c].ItemId" type="hidden" value="5eb0b32f-4de1-428e-911d-22a20c6a1e3c">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_5eb0b32f-4de1-428e-911d-22a20c6a1e3c__Value" class="">Label</label>
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_5eb0b32f-4de1-428e-911d-22a20c6a1e3c__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[5eb0b32f-4de1-428e-911d-22a20c6a1e3c].Value" class="form-control" type="text" value="" maxlength="255" placeholder="" data-sc-tracking="True" data-sc-field-name="Single-Line Text(5)" data-sc-field-key="0C0048C2D9414610B85281101B50CBA7" nls_fa_el_name="Single-Line Text(5)">
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[5eb0b32f-4de1-428e-911d-22a20c6a1e3c].Value" data-valmsg-replace="true"></span>
                </div>
                <div data-sc-field-key="EADC042DBFC84F07947425DD48CA0BEE" class="form-group col-md-6">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_f8d90bcf-f18e-4481-b543-236c55cc43e0" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="f8d90bcf-f18e-4481-b543-236c55cc43e0">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_f8d90bcf-f18e-4481-b543-236c55cc43e0__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8d90bcf-f18e-4481-b543-236c55cc43e0].ItemId" type="hidden" value="f8d90bcf-f18e-4481-b543-236c55cc43e0">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_f8d90bcf-f18e-4481-b543-236c55cc43e0__Value" class="">Label</label>
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_f8d90bcf-f18e-4481-b543-236c55cc43e0__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8d90bcf-f18e-4481-b543-236c55cc43e0].Value" class="form-control" type="text" value="" maxlength="255" placeholder="" data-sc-tracking="True" data-sc-field-name="Single-Line Text(6)" data-sc-field-key="B0F252DEDD7E4927BFDA44F2028A92BE" nls_fa_el_name="Single-Line Text(6)">
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8d90bcf-f18e-4481-b543-236c55cc43e0].Value" data-valmsg-replace="true"></span>
                </div>
              </div>
              <div data-sc-field-key="92E88A04DAE941BAA9C4C688D7322554" class="row">
                <div data-sc-field-key="2BDB0C953DA34931B9B32BB172552F31" class="form-group col-md-12">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_a212654f-d25b-4d06-9d8b-ed6cf49e3747" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="a212654f-d25b-4d06-9d8b-ed6cf49e3747">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_a212654f-d25b-4d06-9d8b-ed6cf49e3747__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[a212654f-d25b-4d06-9d8b-ed6cf49e3747].ItemId" type="hidden" value="a212654f-d25b-4d06-9d8b-ed6cf49e3747">
                  <label for="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_a212654f-d25b-4d06-9d8b-ed6cf49e3747__Value" class="">Label</label>
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_a212654f-d25b-4d06-9d8b-ed6cf49e3747__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[a212654f-d25b-4d06-9d8b-ed6cf49e3747].Value" class="form-control" type="text" value="" maxlength="255" placeholder="" data-sc-tracking="True" data-sc-field-name="Single-Line Text(7)" data-sc-field-key="20005EC6D9FB403FB663C4C807BD9B2F" nls_fa_el_name="Single-Line Text(7)">
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[a212654f-d25b-4d06-9d8b-ed6cf49e3747].Value" data-valmsg-replace="true"></span>
                </div>
              </div>
              <div data-sc-field-key="79E502E82BDA46CD83DE72E95242657A" class="row">
                <div data-sc-field-key="5EACF5405D4F40E682E25BA2319CA1DE" class="form-group col-md-12">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_Index_f8959e7b-fe72-4152-a0fe-0214e1903131" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields.Index" type="hidden" value="f8959e7b-fe72-4152-a0fe-0214e1903131">
                  <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_f8959e7b-fe72-4152-a0fe-0214e1903131__ItemId" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8959e7b-fe72-4152-a0fe-0214e1903131].ItemId" type="hidden" value="f8959e7b-fe72-4152-a0fe-0214e1903131">
                  <label class="">
                    <input type="checkbox" id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_Fields_f8959e7b-fe72-4152-a0fe-0214e1903131__Value" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8959e7b-fe72-4152-a0fe-0214e1903131].Value" class="" value="true" data-sc-tracking="True" data-sc-field-name="Checkbox" data-sc-field-key="7592AFD447B0414397F23712A7623BAE" data-val-required="The Value field is required." data-val="true" nls_fa_el_name="Checkbox">I agree to the processing of my personal data. I have read the privacy policy. * <input type="hidden" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8959e7b-fe72-4152-a0fe-0214e1903131].Value" value="false">
                  </label>
                  <span class="field-validation-valid" data-valmsg-for="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.Fields[f8959e7b-fe72-4152-a0fe-0214e1903131].Value" data-valmsg-replace="true"></span>
                </div>
              </div>
              <div data-sc-field-key="51F4C3BADAA049DEAF7728AD5279B4BB" class="form-group p-check">
                <input value="Get your free quote" type="submit" class="btn btn-outline-white" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.30b603a5-4148-4c51-9a3b-55eab5b5f41e" data-sc-field-key="B674FE2FB1F541198C4586BA0F87E341">
                <input name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.NavigationButtons" type="hidden" value="30b603a5-4148-4c51-9a3b-55eab5b5f41e">
                <input id="fxb_4e0f9277-0e25-435e-9b7d-d491a3f98774_30b603a5-4148-4c51-9a3b-55eab5b5f41e" name="fxb.4e0f9277-0e25-435e-9b7d-d491a3f98774.30b603a5-4148-4c51-9a3b-55eab5b5f41e" type="hidden" value="0">
              </div>
              <div data-sc-field-key="68290206CA914E6EA9EAEE6F52295BEE" class="form-group">
                <p>By signing up, I agree to Heartland’s <a href="https://www.heartlandpaymentsystems.com/privacy-policy" target="blank">Privacy Notice</a> and <a href="https://www.heartlandpaymentsystems.com/terms-of-use" target="blank">Terms of Use</a>. </p>
              </div>
              <input type="hidden" data-sc-fxb-condition="" value="{}">
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>