|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/aclhealthcare/admin/docs/components/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
---
layout: page
title: Plugins
---
AdminLTE comes with color overrides & extras for the following plugins.
### Bootstrap Slider
You can override the color for bootstrap slider tracks with the following classes:
- `.slider-*`
Example:
```html
<div class="slider-red">
<input type="text" value="" class="slider form-control" data-slider...>
</div>
```
You can also change the layout of the slider with the following classes:
- `.slider-vertical`
- `.slider-horizontal`
Example:
```html
<div class="slider-red">
<input type="text" value="" class="slider slider-vertical form-control" data-slider...>
</div>
```
### iCheck Bootstrap
You can override the color of a iCheck checkbox/radio input, add the following class:
- `.icheck-*`
Example:
```html
<div class="icheck-primary">
<input type="checkbox" id="checkbox1">
<label for="checkbox1">
Checkbox Label
</label>
</div>
```
### Pace
You can override the color for all pace themes, load your desired theme and add one the following classes to `body`:
- `.pace-*`
- barber-shop
- flat-top
- minimal
- `.pace-big-counter-*`
- big-counter
- `.pace-bounce-*`
- bounce
- `pace-center-atom-*`
- center-atom
- `pace-center-circle-*`
- center-circle
- `pace-center-radar-*`
- center-radar
- `pace-center-simple-*`
- center-simple
- `pace-corner-indicator-*`
- corner-indicator
- `.pace-flash-*`
- flash
- `.pace-fill-left-*`
- fill-left
- `.pace-loading-bar-*`
- loading-bar
- `.pace-material-*`
- material
- `.pace-mac-osx-*`
- mac-osx
Example: `<body class="pace-success">`
### SweetAlert
If you use SweetAlert and load the SweetAlert CSS before AdminLTE's CSS, then the colors of any icon changes to AdminLTE's default colors.
### Toastr
If you use Toastr and load the Toastr CSS before AdminLTE's CSS, then the background colors changes to AdminLTE's default colors.