Link copied!

Validator Examples

<div class="e-row">
  <div class="e-col-6">
    <e-validator header="This is a validator feedback text"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has *passed*" status="success"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="You have a *warning*" status="warning"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has an *error*" status="error"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has *info*" status="info"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has *no result*"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Validation in progress..." status="loading"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has *passed*" status="success" action="Read more"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has *passed*" status="success" action="Read more" action-href="https://emarsys.com"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your check has a very long feedback text with some lorem ipsum dolor sit amet, consectetur adipiscing elit, still it's a *success*" status="success"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Some errors were found while transforming" subject="products_2020-06-30.csv" status="error"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your DKIM check has *failed*" subheader="KeyMismatch - The private and the public sender key for the sender domain don't match." status="error"></e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your DKIM check has *failed*" status="error">
      <e-validator-content>
        Sender domain: news.emarsys.com
        <br>
        Error: KeyMismatch - The private and the public sender key for the sender domain don't match.
      </e-validator-content>
    </e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your DKIM check has *failed*" status="error">
      <e-validator-content>
        <ul>
          <li>
            Sender domain: news.emarsys.com
          </li>
          <li>
            Error: KeyMismatch - The private and the public sender key for the sender domain don't match.
          </li>
        </ul>
        <button class="e-btn e-btn-link">
          Why is This Important?
        </button>
      </e-validator-content>
    </e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator header="Your DKIM check has *failed*" status="error">
      <e-validator-content>
        <ul>
          <li>
            Sender domain: news.emarsys.com
          </li>
          <li>
            Error: KeyMismatch - The private and the public sender key for the sender domain don't match.
          </li>
        </ul>
        <div class="e-buttongroup e-buttongroup-flex">
          <button class="e-btn e-btn-small">
            Show DKIM Record
          </button>
          <button class="e-btn e-btn-link">
            Why is This Important?
          </button>
        </div>
      </e-validator-content>
    </e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator standalone header="Your DKIM check has *failed*" status="error">
      <e-validator-content>
        Sender domain: news.emarsys.com
        <br>
        Error: KeyMismatch - The private and the public sender key for the sender domain don't match.
      </e-validator-content>
    </e-validator>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <div class="e-field">
      <e-validator summary="Optional Caption" summary-value="3" summary-type="error"></e-validator>
      <e-validator header="Your check has *passed*" status="success"></e-validator>
      <e-validator header="Your test returned 2 *errors*" status="error"></e-validator>
      <e-validator header="Your other test has an *error*" status="error"></e-validator>
    </div>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <div class="e-field">
      <e-validator summary="Optional Caption" summary-value="1,3" summary-type="success,error"></e-validator>
      <e-validator header="Your check have *passed*" status="success"></e-validator>
      <e-validator header="Your test returned 2 *errors*" status="error"></e-validator>
      <e-validator header="Your other test has an *error*" status="error"></e-validator>
    </div>
  </div>
</div>
<div class="e-row">
  <div class="e-col-6">
    <e-validator summary="Optional Caption" summary-value="3" summary-type="error"></e-validator>
    <e-validator header="Your check has *passed*" status="success">
      <e-validator-content>
        Sender domain: news.emarsys.com
      </e-validator-content>
    </e-validator>
    <e-validator header="Your test returned in 2 *errors*" status="error">
      <e-validator-content>
        Sender domain: news.emarsys.com
      </e-validator-content>
    </e-validator>
    <e-validator header="Your other test has an *error*" status="error">
      <e-validator-content>
        Sender domain: news.emarsys.com
      </e-validator-content>
    </e-validator>
    <div class="e-boxpadding text-align-right">
      <button class="e-btn">
        Show Details
      </button>
    </div>
  </div>
</div>