Fork me on GitHub

Styleguide: Buttons

Primary Buttons

Default
<button class="ajs-button btn btn- primary fa fa-lg fa-save pg-alertify-button">Save</button>
Hover
Handled by bootstrap class .btn-primary:hover
Pressed
Handled by bootstrap attribute .btn-primary:not(:disabled):not (.disabled):active
Disabled
Handled by bootstrap attribute disabled

Secondary Buttons

Default
<button class="ajs-button btn btn- secondary fa fa-lg fa-times pg-alertify-button">Save</button>
Hover
Handled by bootstrap class .btn-secondary:hover
Pressed
Handled by bootstrap class .btn-secondary:not (:disabled):not(.disabled):active
Disabled
Handled by bootstrap attribute disabled

Icon Buttons

Default
<div class="wcFrameButton pg-toolbar-btn btn-secondary" title="Query Tool" aria-label= "Query Tool"> <div class="pg-font-icon icon-query-tool"></div> </div>
Hover
Handled by bootstrap class .btn-secondary:hover
Pressed
Handled by bootstrap class .btn-secondary:hover
Disabled
Handled by bootstrap attribute disabled

Primary Buttons

Default
<button class="ajs-button btn btn- primary fa fa-lg fa-save pg-alertify-button">Save</button>
Hover
Handled by bootstrap class .btn-primary:hover
Pressed
Handled by bootstrap attribute .btn-primary:not(:disabled):not (.disabled):active
Disabled
Handled by bootstrap attribute disabled

Secondary Buttons

Default
<button class="ajs-button btn btn- secondary fa fa-lg fa-times pg-alertify-button">Save</button>
Hover
Handled by bootstrap class .btn-secondary:hover
Pressed
Handled by bootstrap class .btn-secondary:not (:disabled):not(.disabled):active
Disabled
Handled by bootstrap attribute disabled

Icon Buttons

Default
<div class="wcFrameButton pg-toolbar-btn btn-secondary" title="Query Tool" aria-label= "Query Tool"> <div class="pg-font-icon icon-query-tool"></div> </div>
Hover
Handled by bootstrap class .btn-secondary:hover
Pressed
Handled by bootstrap class .btn-secondary:hover
Disabled
Handled by bootstrap attribute disabled

Primary Buttons

Default
<button class="ajs-button btn btn- primary fa fa-lg fa-save pg-alertify-button">Save</button>
Hover
Handled by bootstrap class .btn-primary:hover
Pressed
Handled by bootstrap attribute .btn-primary:not(:disabled):not (.disabled):active
Disabled
Handled by bootstrap attribute disabled

Secondary Buttons

Default
<button class="ajs-button btn btn- secondary fa fa-lg fa-times pg-alertify-button">Save</button>
Hover
Handled by bootstrap class .btn-secondary:hover
Pressed
Handled by bootstrap class .btn-secondary:not (:disabled):not(.disabled):active
Disabled
Handled by bootstrap attribute disabled

Icon Buttons

Default
<div class="wcFrameButton pg-toolbar-btn btn-secondary" title="Query Tool" aria-label= "Query Tool"> <div class="pg-font-icon icon-query-tool"></div> </div>
Hover
Handled by bootstrap class .btn-secondary:hover
Pressed
Handled by bootstrap class .btn-secondary:hover
Disabled
Handled by bootstrap attribute disabled