<template id="DefaultItemView" is="woda-default-item">
    <a id="$-{this.viewId}" href="$-{this.href}" target="$-{this.target}" class="col-sm-12 list-group-item " onclick="UcpComponentSupport.getUcpView4Element(this).select()" dragable>
        <span class="badge">$-{this.badge}</span>   
        <h4 class="list-group-item-heading">$-{this.name}</h4>
        <p class="list-group-item-text">$-{this.description}</p>
    </a>	
</template>
    <!--    
    <div class="$-{this.properties.cssClasses}" id="$-{this.viewId}"  dragable>
        <a class="list-group-item " onclick="UcpComponentSupport.getUcpView4Element(this).select()">
            <span class="badge">$-{this.properties.badge}</span>   
            <h4 class="list-group-item-heading">$-{this.properties.name}</h4>
            <p class="list-group-item-text">$-{this.properties.description}</p>
        </a>	
    </div>
    -->

    <!-- div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-2" id="$-{this.viewId}" style="padding: 0px !important;margin-bottom: 0px !important;" dragable>
    -->
