Button
On this page:
Return button.
Shortcode
[button link="#" type="primary" size="lg"]Read More[/button]
Attributes
Attribute | Type | Values | Description |
---|---|---|---|
type | text | default, primary, success, warning, info, danger, inverse, link | Type of the button. |
size | text | xs, sm, lg | Size class of the button: extra small, small, large. |
link | url | Button link. | |
target | text | _blank, _self | _blank = open link in a new window, _self = open link in the current window. |
icon | text | Icon name. | |
icon_pos | text | before, after | Button icon position. |
title | text | Button link title attribute. It's require for tooltip. | |
ttpos | text | top, right, bottom, left | Tooltip position. |
fw | boolean | 1, 0 | Set to "1" to make button 100% witdh. |
border | boolean | 1, 0 | Set to "1" to use border style. |
class | text | Custom css class. | |
ml | number | Margin left value in pixels, without "px". | |
mr | number | Margin right value in pixels, without "px". | |
mt | number | Margin top value in pixels, without "px". | |
mb | number | Margin bottom value in pixels, without "px". |
Attributes - New Learning
Attribute | Type | Values | Description |
---|---|---|---|
bgcolor | text | Background color. Hex or rgb/rgba color value. | |
bghcolor | text | Background color on hover. Hex or rgb/rgba color value. | |
borcolor | text | Border color. Hex or rgb/rgba color value. | |
border | boolean | 1, 0 | Set to "1" to use border style. |
borhcolor | text | Border color on hover. Hex or rgb/rgba color value. | |
center | boolean | 1, 0 | Set to "1" to center button in parent element. |
color | text | Button text color. Hex or rgb/rgba color value. | |
custom_class | text | Custom CSS class. | |
fw | boolean | 1, 0 | Set to "1" to make button 100% witdh. |
fwcls | text | global, light, normal, medium, bold | Button font weight. |
hcolor | text | Button text color on hover. Hex or rgb/rgba color value. | |
iafter | boolean | 1, 0 | Set to "1" to place icon after button text. |
icon | text | Icon name. | |
isicon | boolean | 1, 0 | Set to "1" to use icon. |
link | url | Button link. | |
lspacing | number | Space between letters in pixels, without "px". | |
mb | number | Margin bottom value in pixels, without "px". | |
ml | number | Margin left value in pixels, without "px". | |
mr | number | Margin right value in pixels, without "px". | |
mt | number | Margin top value in pixels, without "px". | |
rounded | number | 0, 1, -1 | 0 = global style, 1 = rounded corners, -1 = square corners. |
size | text | normal, sm, lg, xlg | Button size: normal, small, large, extra large. |
target | boolean | 1, 0 | 1 = open link in a new window, 0 = open link in the current window. |
type | text | default, primary, secondary, success, warning, info, danger, inverse, link | Type of the button. |
upper | boolean | 1, 0 | Set to "1" to transform text characters to uppercase. |
width | number | Button width in pixels, without "px". | |
wspacing | number | Space between words in pixels, without "px". |