<button                class="btn btn-default" 
 					   role="iconpicker"  
					   tal:attributes="id string:${view/id};
                       name view/name;
                       data-iconset   view/iconset;
                       data-icon      view/value;
                       data-rows      view/rows;
                       data-cols      view/cols;
                       data-placement view/placement;
                       value view/value;
                       disabled view/disabled;
                       alt view/alt;
                       accesskey view/accesskey;
                       onselect view/onselect;"  />
              

<input  type="hidden"  disabled="True"
 					   tal:attributes="id string:${view/id};
                       name view/name;
                       title view/title;
                       lang view/lang;
                       alt view/alt;
                       accesskey view/accesskey;
                       onselect view/onselect;
                       size view/size;
                       maxlength view/maxlength" />
 

<!-- Bootstrap JS, loaded on condition, works with Plone 5-->
<!-- With Plone 4, eveything is pinned to earlier bootstrap-->
<!-- script tal:condition="view/loadbootstrap"
    type="text/javascript" src="++resource++collective.js.bootstrap/js/bootstrap.min.js"></script-->

<!-- Bootstrap JS, loaded on condition-- shoud work with Plone 4>
<script tal:condition="view/loadbootstrap"
    type="text/javascript" src="++resource++medialog.iconpicker/bootstrap-3.2.0/js/bootstrap.min.js"></script>
 
<!-- font specific resources -->
<tal:resources tal:define="iconset view/iconset" tal:replace="structure view/?iconset"/>
 
<!-- Bootstrap-Iconpicker JS and CSS -->
<link rel="stylesheet" href="++resource++medialog.iconpicker/bootstrap-iconpicker/css/bootstrap-iconpicker.min.css"/>
<script type="text/javascript" src="++resource++medialog.iconpicker/bootstrap-iconpicker/js/bootstrap-iconpicker.min.js"></script>
 