ms-MessageBanner

bottom of the taskpane


<div class="ms-MessageBanner" 
     style="position:absolute; bottom:0">
   <div class="ms-MessageBanner-content">
      <div class="ms-MessageBanner-text">
         <div class="ms-MessageBanner-clipper">
             <div class="ms-font-m-plus ms-fontWeight-semibold"
                  id="---"></div>
             <div class="ms-font-m ms-fontWeight-semilight"
                  id="---"></div>
         </div>
      </div>

      <button class="ms-MessageBanner-expand"
              style="display:none">
          <i class="ms-Icon ms-Icon--chevronsDown"></i>
      </button>
        
      </div class="ms-MessageBanner-action"> </div>
   </div>
   <button class="ms-MessageBanner-close"
       <i class="ms-Icon ms-Icon--x"></i>
   </button>
</div>

<script type="text/javascript"> 
function showBanner(id) {
   if typeof( fabric !=="undefined") {
      if ('MessageBanner' in fabric) {
         var elm=document.getElementById(id);
         var component = new fabric['MessageBanner'](elm);
         component.showBanner();
      }
   }
}
</script>


© 2019 Better Solutions Limited. All Rights Reserved. © 2019 Better Solutions Limited TopPrevNext