ID12 - Form In Page - Split Page

Don't hesitate! The quick brown fox jumps over the lazy dog

About

Fusce at metus consequat, molestie enim sit amet, consequat justo. Vivamus eu mattis elit. Mauris ultrices sapien sed augue porta quis.

How to:

Quisque convallis, metus placerat dictum volutpat.

Morbi fermentum suscipit quam id molestie.
Sed egestas semper sodales.
Vivamus eget ligula in augue hendrerit varius.

Looking for technical support?

Get help when you need it. Our support team is available 24 hours a day, seven days a week.

Explore our link location

Select the FORMS Group
Select Form In Page component
Create a data source within a page or globally based on your requirements.
Select Variant - Split Page
Click on Title / Tag / Details - to update the text
Click on sitecoreformswrapper-1-1
Select Mvc Form
Follow path Forms -> GPN -> EnterpriseComponents -> Form Split
Save it

Developer notes


<div class="component form-in-page  split-page">

  <div class="component-content">

    <div class="container">

      <div class="row">

        <div class="copy-section">

          <div class="logo">

            <img src="/buildguide/-/media/feature/gpn/enterprise-components/forms/logoprimary.svg?iar=0&amp;rev=f4ebeb753da2483dae990c1da9a41f29" alt="Global Payments logo">

          </div>

          <h3 class="title">

            <span>Don't hesitate! The quick brown fox jumps over the lazy dog</span>

          </h3>

          <div class="details">

            <h6>About</h6>

            <p>Fusce at metus consequat, molestie enim sit amet, consequat justo. Vivamus eu mattis elit. Mauris ultrices sapien sed augue porta quis. </p>

            <h6>How to:</h6>

            <p>Quisque convallis, metus placerat dictum volutpat.</p>

            <ul class="bulleted-list mb-sm">

              <li>Morbi fermentum suscipit quam id molestie. </li>

              <li>Sed egestas semper sodales. </li>

              <li>Vivamus eget ligula in augue hendrerit varius.</li>

            </ul>

            <h6>Looking for technical support?</h6>

            <p>Get help when you need it. Our support team is available 24 hours a day, seven days a week.</p>

          </div>

          <div class="cta-section"></div>

        </div>

        <div class="ec-form-section bg-base">

          <div class="ec-sc-form-wrapper initialized">

            <div class="row">

              {Form will be displayed here}

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>