mirror of
https://github.com/eduardogsilva/wireguard_webadmin.git
synced 2025-08-27 05:41:15 +00:00
Initial commit
This commit is contained in:
96
static_files/AdminLTE-3.2.0/docs/components/plugins.md
Normal file
96
static_files/AdminLTE-3.2.0/docs/components/plugins.md
Normal file
@@ -0,0 +1,96 @@
|
||||
---
|
||||
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.
|
Reference in New Issue
Block a user