UI Kit

Code

Checkbox

Last update:	()
Message	doc(search): new tags and hidden components --skip-ci
Committer:	Tamás Bíró
Version history

Default

Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox

<div class="e-field">
  <input type="checkbox" id="chb0" checked class="e-checkbox">
  <label for="chb0">
    Checkbox label
  </label>
</div>


                                <div class="e-field">
                                  <input type="checkbox" id="chb0" checked class="e-checkbox">
                                  <label for="chb0">Checkbox label</label>
                                </div>

Checkbox label

Variations

Only checkbox
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-onlycheckbox

<div class="e-field">
  <table data-e-version="2" class="e-table">
    <tbody>
      <tr>
        <td class="e-table__col-auto">
          <input type="checkbox" id="chb_ochb1" class="e-checkbox e-checkbox-onlycheckbox">
          <label for="chb_ochb1"></label>
        </td>
        <td>
          Fugiat laborum labore in 
        </td>
      </tr>
      <tr>
        <td>
          <input type="checkbox" id="chb_ochb2" class="e-checkbox e-checkbox-onlycheckbox">
          <label for="chb_ochb2"></label>
        </td>
        <td>
          Do occaecat in lorem excepteur 
        </td>
      </tr>
    </tbody>
  </table>
</div>


                                  <div class="e-field">
                                    <table data-e-version="2" class="e-table">
                                      <tbody>
                                        <tr>
                                          <td class="e-table__col-auto">
                                            <input type="checkbox" id="chb_ochb1" class="e-checkbox e-checkbox-onlycheckbox">
                                            <label for="chb_ochb1"></label>
                                          </td>
                                          <td>Eu eu dolore anim 
                                          </td>
                                        </tr>
                                        <tr>
                                          <td>
                                            <input type="checkbox" id="chb_ochb2" class="e-checkbox e-checkbox-onlycheckbox">
                                            <label for="chb_ochb2"></label>
                                          </td>
                                          <td>Do quis esse amet eu 
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>

	Consectetur sit velit reprehenderit
	Quis amet lorem ullamco consectetur

Indeterminate
Copy Jade

Copy HTML

Show code

Hide code
:indeterminate

<div class="e-field">
  <input type="checkbox" id="chb1" class="e-checkbox">
  <label for="chb1">
    Checkbox label
  </label>
</div>
<script>
  document.getElementById('chb1').indeterminate = true;
</script>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb1" class="e-checkbox">
                                    <label for="chb1">Checkbox label</label>
                                  </div>
                                  <script>document.getElementById('chb1').indeterminate = true;</script>

Checkbox label

Error
Copy Jade

Copy HTML

Show code

Hide code
.e-input-error

<div class="e-field">
  <input type="checkbox" id="chb2" class="e-checkbox e-input-error">
  <label for="chb2">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb2" class="e-checkbox e-input-error">
                                    <label for="chb2">Checkbox label</label>
                                  </div>

Checkbox label

Dropdown
Copy Jade

Copy HTML

Show code

Hide code

<e-dropdown data-markup-content="&lt;input id=&quot;chb_dropdown&quot; type=&quot;checkbox&quot; class=&quot;e-checkbox e-checkbox-onlycheckbox&quot; &gt;&lt;label for=&quot;chb_dropdown&quot;&gt;&lt;/label&gt;" data-markup-class="e-btn e-btn-dropdown e-btn-no_minwidth" data-inner-class="e-dropdown__content-sticky">
  <div class="e-dropdown__content">
    <a class="e-dropdown__item">
      Select all
    </a>
    <a class="e-dropdown__item">
      Select none
    </a>
    <a class="e-dropdown__item">
      Select tracked
    </a>
    <a class="e-dropdown__item">
      Select untracked
    </a>
  </div>
</e-dropdown>


                                  <e-dropdown data-markup-content="&lt;input id=&quot;chb_dropdown&quot; type=&quot;checkbox&quot; class=&quot;e-checkbox e-checkbox-onlycheckbox&quot; &gt;&lt;label for=&quot;chb_dropdown&quot;&gt;&lt;/label&gt;" data-markup-class="e-btn e-btn-dropdown e-btn-no_minwidth" data-inner-class="e-dropdown__content-sticky">
                                    <div class="e-dropdown__content"><a class="e-dropdown__item">Select all</a><a class="e-dropdown__item">Select none</a><a class="e-dropdown__item">Select tracked</a><a class="e-dropdown__item">Select untracked</a></div>
                                  </e-dropdown>

Select all Select none Select tracked Select untracked

Block
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-block

<div class="e-row">
  <div class="e-col-3">
    <div class="e-field">
      <label class="e-field__label">
        Clear group label
      </label>
      <ul class="e-list">
        <li class="e-list__item">
          <input type="checkbox" name="chb3.1" id="chb3.1" checked class="e-checkbox e-checkbox-block">
          <label for="chb3.1">
            Block label Block label Block label Block label Block label Block label
          </label>
        </li>
        <li class="e-list__item">
          <input type="checkbox" name="chb3.2" id="chb3.2" class="e-checkbox">
          <label for="chb3.2">
            Normal label Normal label Normal label Normal label Normal label Normal
          </label>
        </li>
      </ul>
    </div>
  </div>
</div>


                                  <div class="e-row">
                                    <div class="e-col-3">
                                      <div class="e-field">
                                        <label class="e-field__label">Clear group label</label>
                                        <ul class="e-list">
                                          <li class="e-list__item">
                                            <input type="checkbox" name="chb3.1" id="chb3.1" checked class="e-checkbox e-checkbox-block">
                                            <label for="chb3.1">Block label Block label Block label Block label Block label Block label</label>
                                          </li>
                                          <li class="e-list__item">
                                            <input type="checkbox" name="chb3.2" id="chb3.2" class="e-checkbox">
                                            <label for="chb3.2">Normal label Normal label Normal label Normal label Normal label Normal</label>
                                          </li>
                                        </ul>
                                      </div>
                                    </div>
                                  </div>

Clear group label

Block label Block label Block label Block label Block label Block label
Normal label Normal label Normal label Normal label Normal label Normal

Right
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-right

<div class="e-field">
  <input type="checkbox" id="chb4" checked class="e-checkbox e-checkbox-right">
  <label for="chb4">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb4" checked class="e-checkbox e-checkbox-right">
                                    <label for="chb4">Checkbox label</label>
                                  </div>

Checkbox label

Disabled
Copy Jade

Copy HTML

Show code

Hide code
:disabled

<div class="e-field">
  <input type="checkbox" id="chb5" checked disabled class="e-checkbox">
  <label for="chb5">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb5" checked disabled class="e-checkbox">
                                    <label for="chb5">Checkbox label</label>
                                  </div>

Checkbox label

Service specific variations

Reporting color variations

opened
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-opened

<div class="e-field">
  <input type="checkbox" id="chb61" checked class="e-checkbox e-checkbox-opened">
  <label for="chb61">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb61" checked class="e-checkbox e-checkbox-opened">
                                    <label for="chb61">Checkbox label</label>
                                  </div>

Checkbox label

mobile_opened
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-mobile_opened

<div class="e-field">
  <input type="checkbox" id="chb62" checked class="e-checkbox e-checkbox-mobile_opened">
  <label for="chb62">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb62" checked class="e-checkbox e-checkbox-mobile_opened">
                                    <label for="chb62">Checkbox label</label>
                                  </div>

Checkbox label

desktop_opened
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-desktop_opened

<div class="e-field">
  <input type="checkbox" id="chb63" checked class="e-checkbox e-checkbox-desktop_opened">
  <label for="chb63">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb63" checked class="e-checkbox e-checkbox-desktop_opened">
                                    <label for="chb63">Checkbox label</label>
                                  </div>

Checkbox label

sent
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-sent

<div class="e-field">
  <input type="checkbox" id="chb64" checked class="e-checkbox e-checkbox-sent">
  <label for="chb64">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb64" checked class="e-checkbox e-checkbox-sent">
                                    <label for="chb64">Checkbox label</label>
                                  </div>

Checkbox label

clicked
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-clicked

<div class="e-field">
  <input type="checkbox" id="chb65" checked class="e-checkbox e-checkbox-clicked">
  <label for="chb65">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb65" checked class="e-checkbox e-checkbox-clicked">
                                    <label for="chb65">Checkbox label</label>
                                  </div>

Checkbox label

mobile_clicked
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-mobile_clicked

<div class="e-field">
  <input type="checkbox" id="chb66" checked class="e-checkbox e-checkbox-mobile_clicked">
  <label for="chb66">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb66" checked class="e-checkbox e-checkbox-mobile_clicked">
                                    <label for="chb66">Checkbox label</label>
                                  </div>

Checkbox label

desktop_clicked
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-desktop_clicked

<div class="e-field">
  <input type="checkbox" id="chb67" checked class="e-checkbox e-checkbox-desktop_clicked">
  <label for="chb67">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb67" checked class="e-checkbox e-checkbox-desktop_clicked">
                                    <label for="chb67">Checkbox label</label>
                                  </div>

Checkbox label

mobile_click_through
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-mobile_click_through

<div class="e-field">
  <input type="checkbox" id="chb68" checked class="e-checkbox e-checkbox-mobile_click_through">
  <label for="chb68">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb68" checked class="e-checkbox e-checkbox-mobile_click_through">
                                    <label for="chb68">Checkbox label</label>
                                  </div>

Checkbox label

delivered
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-delivered

<div class="e-field">
  <input type="checkbox" id="chb69" checked class="e-checkbox e-checkbox-delivered">
  <label for="chb69">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb69" checked class="e-checkbox e-checkbox-delivered">
                                    <label for="chb69">Checkbox label</label>
                                  </div>

Checkbox label

bounced
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-bounced

<div class="e-field">
  <input type="checkbox" id="chb610" checked class="e-checkbox e-checkbox-bounced">
  <label for="chb610">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb610" checked class="e-checkbox e-checkbox-bounced">
                                    <label for="chb610">Checkbox label</label>
                                  </div>

Checkbox label

purchased
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-purchased

<div class="e-field">
  <input type="checkbox" id="chb611" checked class="e-checkbox e-checkbox-purchased">
  <label for="chb611">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb611" checked class="e-checkbox e-checkbox-purchased">
                                    <label for="chb611">Checkbox label</label>
                                  </div>

Checkbox label

unsubscribed
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-unsubscribed

<div class="e-field">
  <input type="checkbox" id="chb612" checked class="e-checkbox e-checkbox-unsubscribed">
  <label for="chb612">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb612" checked class="e-checkbox e-checkbox-unsubscribed">
                                    <label for="chb612">Checkbox label</label>
                                  </div>

Checkbox label

complained
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-complained

<div class="e-field">
  <input type="checkbox" id="chb613" checked class="e-checkbox e-checkbox-complained">
  <label for="chb613">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb613" checked class="e-checkbox e-checkbox-complained">
                                    <label for="chb613">Checkbox label</label>
                                  </div>

Checkbox label

optin_users
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-optin_users

<div class="e-field">
  <input type="checkbox" id="chb614" checked class="e-checkbox e-checkbox-optin_users">
  <label for="chb614">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb614" checked class="e-checkbox e-checkbox-optin_users">
                                    <label for="chb614">Checkbox label</label>
                                  </div>

Checkbox label

Socialads color variations

impressions
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-impressions

<div class="e-field">
  <input type="checkbox" id="chb71" checked class="e-checkbox e-checkbox-impressions">
  <label for="chb71">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb71" checked class="e-checkbox e-checkbox-impressions">
                                    <label for="chb71">Checkbox label</label>
                                  </div>

Checkbox label

socialreach
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-socialreach

<div class="e-field">
  <input type="checkbox" id="chb72" checked class="e-checkbox e-checkbox-socialreach">
  <label for="chb72">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb72" checked class="e-checkbox e-checkbox-socialreach">
                                    <label for="chb72">Checkbox label</label>
                                  </div>

Checkbox label

reach
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-reach

<div class="e-field">
  <input type="checkbox" id="chb73" checked class="e-checkbox e-checkbox-reach">
  <label for="chb73">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb73" checked class="e-checkbox e-checkbox-reach">
                                    <label for="chb73">Checkbox label</label>
                                  </div>

Checkbox label

likes
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-likes

<div class="e-field">
  <input type="checkbox" id="chb74" checked class="e-checkbox e-checkbox-likes">
  <label for="chb74">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb74" checked class="e-checkbox e-checkbox-likes">
                                    <label for="chb74">Checkbox label</label>
                                  </div>

Checkbox label

clicks
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-clicks

<div class="e-field">
  <input type="checkbox" id="chb75" checked class="e-checkbox e-checkbox-clicks">
  <label for="chb75">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb75" checked class="e-checkbox e-checkbox-clicks">
                                    <label for="chb75">Checkbox label</label>
                                  </div>

Checkbox label

pageclick
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-pageclick

<div class="e-field">
  <input type="checkbox" id="chb76" checked class="e-checkbox e-checkbox-pageclick">
  <label for="chb76">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb76" checked class="e-checkbox e-checkbox-pageclick">
                                    <label for="chb76">Checkbox label</label>
                                  </div>

Checkbox label

cpc
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-cpc

<div class="e-field">
  <input type="checkbox" id="chb77" checked class="e-checkbox e-checkbox-cpc">
  <label for="chb77">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb77" checked class="e-checkbox e-checkbox-cpc">
                                    <label for="chb77">Checkbox label</label>
                                  </div>

Checkbox label

frequency
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-frequency

<div class="e-field">
  <input type="checkbox" id="chb78" checked class="e-checkbox e-checkbox-frequency">
  <label for="chb78">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb78" checked class="e-checkbox e-checkbox-frequency">
                                    <label for="chb78">Checkbox label</label>
                                  </div>

Checkbox label

comments
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-comments

<div class="e-field">
  <input type="checkbox" id="chb79" checked class="e-checkbox e-checkbox-comments">
  <label for="chb79">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb79" checked class="e-checkbox e-checkbox-comments">
                                    <label for="chb79">Checkbox label</label>
                                  </div>

Checkbox label

conversions
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-conversions

<div class="e-field">
  <input type="checkbox" id="chb710" checked class="e-checkbox e-checkbox-conversions">
  <label for="chb710">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb710" checked class="e-checkbox e-checkbox-conversions">
                                    <label for="chb710">Checkbox label</label>
                                  </div>

Checkbox label

spent
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-spent

<div class="e-field">
  <input type="checkbox" id="chb711" checked class="e-checkbox e-checkbox-spent">
  <label for="chb711">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb711" checked class="e-checkbox e-checkbox-spent">
                                    <label for="chb711">Checkbox label</label>
                                  </div>

Checkbox label

revenue
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-revenue

<div class="e-field">
  <input type="checkbox" id="chb712" checked class="e-checkbox e-checkbox-revenue">
  <label for="chb712">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb712" checked class="e-checkbox e-checkbox-revenue">
                                    <label for="chb712">Checkbox label</label>
                                  </div>

Checkbox label

cpm
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-cpm

<div class="e-field">
  <input type="checkbox" id="chb713" checked class="e-checkbox e-checkbox-cpm">
  <label for="chb713">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb713" checked class="e-checkbox e-checkbox-cpm">
                                    <label for="chb713">Checkbox label</label>
                                  </div>

Checkbox label

costperconversion
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-costperconversion

<div class="e-field">
  <input type="checkbox" id="chb714" checked class="e-checkbox e-checkbox-costperconversion">
  <label for="chb714">
    Checkbox label
  </label>
</div>


                                  <div class="e-field">
                                    <input type="checkbox" id="chb714" checked class="e-checkbox e-checkbox-costperconversion">
                                    <label for="chb714">Checkbox label</label>
                                  </div>

Checkbox label

Related components

Switch Radio Button radio

UI Kit

Checkbox

Default

Copy Jade Copy HTML Show code Hide code .e-checkbox

Variations

Only checkbox Copy Jade Copy HTML Show code Hide code .e-checkbox-onlycheckbox

Indeterminate Copy Jade Copy HTML Show code Hide code :indeterminate

Error Copy Jade Copy HTML Show code Hide code .e-input-error

Dropdown Copy Jade Copy HTML Show code Hide code

Block Copy Jade Copy HTML Show code Hide code .e-checkbox-block

Right Copy Jade Copy HTML Show code Hide code .e-checkbox-right

Disabled Copy Jade Copy HTML Show code Hide code :disabled

Service specific variations

Reporting color variations

opened Copy Jade Copy HTML Show code Hide code .e-checkbox-opened

mobile_opened Copy Jade Copy HTML Show code Hide code .e-checkbox-mobile_opened

desktop_opened Copy Jade Copy HTML Show code Hide code .e-checkbox-desktop_opened

sent Copy Jade Copy HTML Show code Hide code .e-checkbox-sent

clicked Copy Jade Copy HTML Show code Hide code .e-checkbox-clicked

mobile_clicked Copy Jade Copy HTML Show code Hide code .e-checkbox-mobile_clicked

desktop_clicked Copy Jade Copy HTML Show code Hide code .e-checkbox-desktop_clicked

mobile_click_through Copy Jade Copy HTML Show code Hide code .e-checkbox-mobile_click_through

delivered Copy Jade Copy HTML Show code Hide code .e-checkbox-delivered

bounced Copy Jade Copy HTML Show code Hide code .e-checkbox-bounced

purchased Copy Jade Copy HTML Show code Hide code .e-checkbox-purchased

unsubscribed Copy Jade Copy HTML Show code Hide code .e-checkbox-unsubscribed

complained Copy Jade Copy HTML Show code Hide code .e-checkbox-complained

optin_users Copy Jade Copy HTML Show code Hide code .e-checkbox-optin_users

Socialads color variations

impressions Copy Jade Copy HTML Show code Hide code .e-checkbox-impressions

socialreach Copy Jade Copy HTML Show code Hide code .e-checkbox-socialreach

reach Copy Jade Copy HTML Show code Hide code .e-checkbox-reach

likes Copy Jade Copy HTML Show code Hide code .e-checkbox-likes

clicks Copy Jade Copy HTML Show code Hide code .e-checkbox-clicks

pageclick Copy Jade Copy HTML Show code Hide code .e-checkbox-pageclick

cpc Copy Jade Copy HTML Show code Hide code .e-checkbox-cpc

frequency Copy Jade Copy HTML Show code Hide code .e-checkbox-frequency

comments Copy Jade Copy HTML Show code Hide code .e-checkbox-comments

conversions Copy Jade Copy HTML Show code Hide code .e-checkbox-conversions

spent Copy Jade Copy HTML Show code Hide code .e-checkbox-spent

revenue Copy Jade Copy HTML Show code Hide code .e-checkbox-revenue

cpm Copy Jade Copy HTML Show code Hide code .e-checkbox-cpm

costperconversion Copy Jade Copy HTML Show code Hide code .e-checkbox-costperconversion

Related components

Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox

Only checkbox
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-onlycheckbox

Indeterminate
Copy Jade

Copy HTML

Show code

Hide code
:indeterminate

Error
Copy Jade

Copy HTML

Show code

Hide code
.e-input-error

Dropdown
Copy Jade

Copy HTML

Show code

Hide code

Block
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-block

Right
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-right

Disabled
Copy Jade

Copy HTML

Show code

Hide code
:disabled

opened
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-opened

mobile_opened
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-mobile_opened

desktop_opened
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-desktop_opened

sent
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-sent

clicked
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-clicked

mobile_clicked
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-mobile_clicked

desktop_clicked
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-desktop_clicked

mobile_click_through
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-mobile_click_through

delivered
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-delivered

bounced
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-bounced

purchased
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-purchased

unsubscribed
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-unsubscribed

complained
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-complained

optin_users
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-optin_users

impressions
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-impressions

socialreach
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-socialreach

reach
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-reach

likes
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-likes

clicks
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-clicks

pageclick
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-pageclick

cpc
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-cpc

frequency
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-frequency

comments
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-comments

conversions
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-conversions

spent
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-spent

revenue
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-revenue

cpm
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-cpm

costperconversion
Copy Jade

Copy HTML

Show code

Hide code
.e-checkbox-costperconversion