{{ user.name }}
close
{{ msg.time }}

{{ msg.text }}

close
Searching for

{{ searchResultsCount }} results found

Pages {{ searchResults.Pages.length }}
People {{ searchResults.People.length }}
Files {{ searchResults.Files.length }}
Default size buttons

The html code for default size buttons

 <a class="um-button blue-button" href="#">Blue button</a>

Icon and text button

Icons can be added on the left or right of the text.

<a class="um-button blue-button button-icon-left" href="#"><i class="fa fa-plus-circle"></i>Blue button</a>
<a class="um-button green-button button-icon-right" href="#">Green button<i class="fa fa-send"></i></a>

Small buttons

The html code for small size buttons

 <a class="um-button blue-button button-sm" href="#">Blue button</a>

Button icon only

The html code for these buttons

<a class="um-button blue-button button-icon-only" href="#"><i class="fa fa-plus-circle"></i></a>

Rounded buttons

The html code for rounded buttons type 1

<a class="um-button blue-button rounded-btn1" href="#">Blue button</a>

Rounded edges buttons

The html code for rounded buttons type 2

<a class="um-button blue-button rounded-btn2" href="#">Blue button</a>

Bootstrap buttons

The html code for bootstrap buttons

<button type="button" class="btn btn-default">Default</button>



You can choose between different button sizes by adding these classes

.btn-lg .btn-md .btn-sm .btn-xs
Button groups

The html code

    <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-default">Left</button>
        <button type="button" class="btn btn-default">Middle</button>
        <button type="button" class="btn btn-default">Right</button>
    </div>

Pagination

Learn more here Bootstrap pagination

<ul class="pagination">
   <li><a href="#">1</a></li>
   <li><a href="#">2</a></li>
   <li><a href="#">3</a></li>
   <li><a href="#">4</a></li>
   <li><a href="#">5</a></li>
</ul>
                    

Drop down buttons

Please visit Bootstrap dropdowns to learn more

<div class="dropdown">
     <button class="um-button white-button button-icon-left dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Dropdown
     <span class="caret"></span>
     </button>
     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
         <li><a href="#">Separated link</a></li>
      </ul>
</div>
                


Social icons

The html code for these buttons

<a class="um-button dribbble social-icon" href="#"><i class="fa fa-dribbble"></i></a>