DMN-exampleEditList

<script id="row-template" type="text/template">
    <div class="list-group-item list-view-pf-editable">
      <div class="list-view-pf-main-info">
        <div class="list-view-pf-left">
          <span class="fa fa-plane list-view-pf-icon-sm"></span>
        </div>
        <div class="list-view-pf-body">
          <div class="list-view-pf-description">
            <div class="list-group-item-text list-view-pf-value"></div>
            <input type="text" value="Event XXX - Sed ut perspiciatis unde omnis iste natus" class="list-view-pf-editor list-view-pf-textbox list-view-pf-title" autocomplete="off" aria-label="edit title"/>
          </div>
          <div class="list-view-pf-additional-info">
            <div class="list-view-pf-additional-info-item">
              <span class="list-view-pf-value"></span>
              <select class="selectpicker list-view-pf-editor list-view-pf-type" autocomplete="off" aria-label="choose type">
                <option>Host</option>
                <option>Cluster</option>
                <option>Node</option>
                <option>Image</option>
              </select>
            </div>
            <div class="list-view-pf-additional-info-item">
              <span class="list-view-pf-value list-view-pf-readonly list-view-pf-date"></span>
            </div>
            <div class="list-view-pf-additional-info-item">
              <span class="list-view-pf-value"></span>
              <input type="checkbox" class="list-view-pf-switch list-view-pf-editor list-view-pf-state" autocomplete="off" checked>
            </div>
          </div>
        </div>
      </div>
      <div class="list-view-pf-actions">
        <button class="btn btn-default list-view-pf-edit">Edit</button>
        <div class="dropdown pull-right dropdown-kebab-pf">
  <button class="btn btn-link dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    <span class="fa fa-ellipsis-v"></span>
  </button>
  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another Action</a></li>
    <li><a href="#">Something Else Here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated Link</a></li>
  </ul>
</div>

        <button type="button" class="btn btn-link list-view-pf-save" aria-label="Save"><i class="fa fa-check"></i></button>
        <button type="button" class="btn btn-link list-view-pf-cancel" aria-label="Cancel"><i class="pficon pficon-close"></i></button>
      </div>
    </div>
  </script>