ducdhm / Bootstrap Msg
Licence: mit
The jQuery plugin for showing message with Bootstrap alert classes
Stars: ✭ 10
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Bootstrap Msg
Bootstrap Show Modal
A Bootstrap 4 / jQuery plugin wrapper, to create modals dynamically in JavaScript
Stars: ✭ 38 (+280%)
Mutual labels: jquery-plugin, bootstrap, jquery
Tableexport
The simple, easy-to-implement library to export HTML tables to xlsx, xls, csv, and txt files.
Stars: ✭ 781 (+7710%)
Mutual labels: jquery-plugin, bootstrap, jquery
Jquery.toaster
jQuery plugin for displaying customizable toast notifications via Bootstrap alerts
Stars: ✭ 74 (+640%)
Mutual labels: jquery-plugin, bootstrap, jquery
Bpage
Based on bootstrap style, static page jump can also be asynchronous page processing pagination plugin
Stars: ✭ 96 (+860%)
Mutual labels: jquery-plugin, bootstrap, jquery
Bootstrap Checkbox
A checkbox component based on Bootstrap framework.
Stars: ✭ 214 (+2040%)
Mutual labels: jquery-plugin, bootstrap, jquery
Gridstrap.js
gridstrap.js is a jQuery plugin designed to take Bootstrap's CSS grid system and turn it into a managed draggable and resizeable grid while truely maintaining its responsive behaviour.
Stars: ✭ 32 (+220%)
Mutual labels: jquery-plugin, bootstrap, jquery
Ax5ui Grid
Javascript UI Component - GRID ( Excel Grid, jqGrid, angularjs grid, jquery grid, SlickGrid, ag-grid gridify)
Stars: ✭ 102 (+920%)
Mutual labels: jquery-plugin, bootstrap, jquery
Bootstrap Input Spinner
A Bootstrap 4 / jQuery plugin to create input spinner elements for number input
Stars: ✭ 176 (+1660%)
Mutual labels: jquery-plugin, bootstrap, jquery
Bdialog
Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
Stars: ✭ 174 (+1640%)
Mutual labels: jquery-plugin, bootstrap, jquery
Bootstrap Fileinput
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
Stars: ✭ 5,097 (+50870%)
Mutual labels: jquery-plugin, bootstrap, jquery
Bootstrap Submenu
Bootstrap sub-menus
Stars: ✭ 442 (+4320%)
Mutual labels: jquery-plugin, bootstrap, jquery
Jquery Smartwizard
The awesome jQuery step wizard plugin
Stars: ✭ 635 (+6250%)
Mutual labels: jquery-plugin, bootstrap, jquery
Inspinia
This is only a copy of INSPINIA - Responsive Admin Theme
Stars: ✭ 755 (+7450%)
Mutual labels: bootstrap, jquery
Jquery Drawsvg
Lightweight, simple to use jQuery plugin to animate SVG paths
Stars: ✭ 759 (+7490%)
Mutual labels: jquery-plugin, jquery
Ax5ui Uploader
jQuery file uploader, HTML5(IE9+, FF, Chrome, Safari) - http://ax5.io/ax5ui-uploader/
Stars: ✭ 25 (+150%)
Mutual labels: bootstrap, jquery
Jquery Selectric
jQuery plugin for easy manipulation and customization of HTML selects
Stars: ✭ 724 (+7140%)
Mutual labels: jquery-plugin, jquery
BootstrapMsg
The jQuery plugin for showing message with Bootstrap alert classes (http://ducdhm.github.io/bootstrap-msg/)
Shortcuts
Dependencies
Methods
| Name | Params (ParamType: ParamName) | Description |
|---|---|---|
| Msg.show | String: type String: message Number: timeout |
Show message. type can be info, success, warning or danger. If timeout is not set, will use default timeout
|
| Msg.info | String: message Number: timeout |
Shortcut of showMessage with type is info
|
| Msg.success | String: message Number: timeout |
Shortcut of showMessage with type is success
|
| Msg.warning | String: message Number: timeout |
Shortcut of showMessage with type is warning
|
| Msg.error | String: message Number: timeout |
Alias of Msg.danger
|
| Msg.danger | String: message Number: timeout |
Shortcut of showMessage with type is danger
|
Default
Timeout
Timeout for BootstrapMsg is available at Msg.timeout
| Type | Timeout (in ms) |
|---|---|
| info | 5 * 1000 |
| success | 5 * 1000 |
| warning | 5 * 1000 |
| danger | 5 * 1000 |
Icon
Icon for BootstrapMsg is available at Msg.icon
| Type | Class |
|---|---|
| info | fa fa-info-circle |
| success | fa fa-check-circle |
| warning | fa fa-exclamation-circle |
| danger | fa fa-times-circle |
Custom Icon
If you want to custom icon for BootstrapMsg, you just need to specify icon class for each message type. Example:
Msg.icon = {
info: 'fa fa-bath',
success: 'fa fa-anchor',
warning: 'fa fa-bell-o',
danger: 'fa fa-bolt'
};
Using Bootstrap Icon
We already define a Bootstrap icon set for BootstrapMsg at Msg.ICON.BOOTSTRAP. For using this icon set, just need Msg.icon = Msg.ICONS.BOOTSTRAP;
Hide icon
If you do not want to show icon in BootstrapMsg, you can set Msg.iconEnabled = false;
Extra class
If you want to add extra class to BootstrapMsg element, just change Msg.extraClass for default extra class
License
Please read at here
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].