github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity
AdminLTE/pages/widgets.html

3184 lines
126 KiB
HTML
Raw Normal View History

Redesign Redesigned from top to bottom
2014-02-01 15:49:36 +00:00
<!DOCTYPE html>
HTML: specify lang. (#2730)
2020-05-31 11:09:01 +00:00
<html lang="en">
Reformat code
2015-09-19 18:05:54 +00:00
<head>
<meta charset="utf-8">
Dev release
2018-03-17 17:07:55 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
Remove the obsolete `X-UA-Compatible`
2020-06-05 05:31:34 +00:00
<title>AdminLTE 3 | Widgets</title>
Move Google Fonts CSS first. Also, fix a couple of comments.
2020-06-05 05:27:14 +00:00
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
Reformat code
2015-09-19 18:05:54 +00:00
<!-- Font Awesome -->
updated font awesome links in demo pages
2019-07-14 15:46:33 +00:00
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
Reformat code
2015-09-19 18:05:54 +00:00
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
Dev release
2018-03-17 17:07:55 +00:00
<link rel="stylesheet" href="../dist/css/adminlte.min.css">
Reformat code
2015-09-19 18:05:54 +00:00
</head>
Dev release
2018-03-17 17:07:55 +00:00
<body class="hold-transition sidebar-mini">
Reformat code
2015-09-19 18:05:54 +00:00
<div class="wrapper">
Dev release
2018-03-17 17:07:55 +00:00
<!-- Navbar -->
enhanced responsive fixed-header/-footer #2162 - removed js margin-top/-bottom generation - added layout-navbar-not-fixed & layout-footer-not-fixed incl. responsive variants (eg. layout-*-navbar-not-fixed, layout-*-footer-not-fixed) - added responsive variants for fixed (eg. layout-*-navbar-fixed, layout-*-footer-fixed) - added default border-bottom to main-header navbar like main-footer - removed .border-bottom from main-header navbar in demo pages
2019-07-12 18:00:43 +00:00
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
Dev release
2018-03-17 17:07:55 +00:00
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
fixed aria related role="button" on pushmenu & control-sidebar links
2020-02-21 14:17:06 +00:00
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
Dev release
2018-03-17 17:07:55 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="../index3.html" class="nav-link">Home</a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
rename site-search to navbar-search
2020-12-02 08:34:04 +00:00
<!-- Navbar Search -->
add site-search markup
2020-12-02 08:24:29 +00:00
<li class="nav-item">
rename site-search to navbar-search
2020-12-02 08:34:04 +00:00
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
add site-search markup
2020-12-02 08:24:29 +00:00
<i class="fas fa-search"></i>
</a>
rename site-search to navbar-search
2020-12-02 08:34:04 +00:00
<div class="navbar-search-block">
add site-search markup
2020-12-02 08:24:29 +00:00
<form class="form-inline">
<div class="input-group input-group-sm">
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i>
</button>
rename site-search to navbar-search
2020-12-02 08:34:04 +00:00
<button class="btn btn-navbar" type="button" data-widget="navbar-search">
add site-search markup
2020-12-02 08:24:29 +00:00
<i class="fas fa-times"></i>
</button>
</div>
</div>
</form>
</div>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<!-- Messages Dropdown Menu -->
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-comments"></i>
Dev release
2018-03-17 17:07:55 +00:00
<span class="badge badge-danger navbar-badge">3</span>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<a href="#" class="dropdown-item">
<!-- Message Start -->
<div class="media">
<img src="../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
<div class="media-body">
<h3 class="dropdown-item-title">
Brad Diesel
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
</h3>
<p class="text-sm">Call me whenever you can...</p>
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
Dev release
2018-03-17 17:07:55 +00:00
</div>
</div>
<!-- Message End -->
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<!-- Message Start -->
<div class="media">
<img src="../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
<div class="media-body">
<h3 class="dropdown-item-title">
John Pierce
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
</h3>
<p class="text-sm">I got your message bro</p>
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
Dev release
2018-03-17 17:07:55 +00:00
</div>
</div>
<!-- Message End -->
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<!-- Message Start -->
<div class="media">
<img src="../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
<div class="media-body">
<h3 class="dropdown-item-title">
Nora Silvester
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
</h3>
<p class="text-sm">The subject goes here</p>
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
Dev release
2018-03-17 17:07:55 +00:00
</div>
</div>
<!-- Message End -->
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
</div>
</li>
<!-- Notifications Dropdown Menu -->
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-bell"></i>
Dev release
2018-03-17 17:07:55 +00:00
<span class="badge badge-warning navbar-badge">15</span>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<span class="dropdown-item dropdown-header">15 Notifications</span>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-envelope mr-2"></i> 4 new messages
Dev release
2018-03-17 17:07:55 +00:00
<span class="float-right text-muted text-sm">3 mins</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-users mr-2"></i> 8 friend requests
Dev release
2018-03-17 17:07:55 +00:00
<span class="float-right text-muted text-sm">12 hours</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-file mr-2"></i> 3 new reports
Dev release
2018-03-17 17:07:55 +00:00
<span class="float-right text-muted text-sm">2 days</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
</div>
</li>
fullscreen plugin/button (#2906) * add fullscreen plugin * add fullscreen buton in topnav * remove old mozilla function
2020-07-22 14:01:38 +00:00
<li class="nav-item">
<a class="nav-link" data-widget="fullscreen" href="#" role="button">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
fixed aria related role="button" on pushmenu & control-sidebar links
2020-02-21 14:17:06 +00:00
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-th-large"></i>
Dev release
2018-03-17 17:07:55 +00:00
</a>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="../index3.html" class="brand-link">
Unbreak lines (#2814)
2020-06-05 14:36:57 +00:00
<img src="../dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
Dev release
2018-03-17 17:07:55 +00:00
<span class="brand-text font-weight-light">AdminLTE 3</span>
Reformat code
2015-09-19 18:05:54 +00:00
</a>
Dev release
2018-03-17 17:07:55 +00:00
<!-- Sidebar -->
Add demo functions
2018-04-23 00:08:03 +00:00
<div class="sidebar">
Dev release
2018-03-17 17:07:55 +00:00
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="image">
<img src="../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
</div>
<div class="info">
<a href="#" class="d-block">Alexander Pierce</a>
</div>
</div>
add sidebar search form in all demo pages
2020-06-13 15:37:06 +00:00
<!-- SidebarSearch Form -->
<div class="form-inline">
<div class="input-group" data-widget="sidebar-search">
<input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-sidebar">
<i class="fas fa-search fa-fw"></i>
</button>
</div>
</div>
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-tachometer-alt"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Dashboard
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="right fas fa-angle-left"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
Reformat code
2015-09-19 18:05:54 +00:00
</a>
Dev release
2018-03-17 17:07:55 +00:00
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../index.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Dashboard v1</p>
</a>
</li>
<li class="nav-item">
<a href="../index2.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Dashboard v2</p>
</a>
</li>
<li class="nav-item">
<a href="../index3.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Dashboard v3</p>
</a>
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</li>
Reformat code
2015-09-19 18:05:54 +00:00
</ul>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
<a href="widgets.html" class="nav-link active">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-th"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Widgets
<span class="right badge badge-danger">New</span>
</p>
Reformat code
2015-09-19 18:05:54 +00:00
</a>
Dev release
2018-03-17 17:07:55 +00:00
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
updated AdminLTE css - fixed fontawesome icon rules in buttons, cards, sidebar & smallbox - added calc for `.content-wrapper` min-height - added layouts: top-nav, boxed & sidebar collapsed - fixed mailbox attachment size - added bg-*, navbar-* - updated demo.js - updated sidebar in demo files (added layout options) - added autoprefixer to fix browser specific css changes - added css sourcemap for adminlte.min.css
2019-05-25 13:15:32 +00:00
<a href="#" class="nav-link">
<i class="nav-icon fas fa-copy"></i>
<p>
Layout Options
<i class="fas fa-angle-left right"></i>
Road to v3.0.0-beta.1 - replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixed
2019-06-05 11:34:15 +00:00
<span class="badge badge-info right">6</span>
updated AdminLTE css - fixed fontawesome icon rules in buttons, cards, sidebar & smallbox - added calc for `.content-wrapper` min-height - added layouts: top-nav, boxed & sidebar collapsed - fixed mailbox attachment size - added bg-*, navbar-* - updated demo.js - updated sidebar in demo files (added layout options) - added autoprefixer to fix browser specific css changes - added css sourcemap for adminlte.min.css
2019-05-25 13:15:32 +00:00
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="layout/top-nav.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Top Navigation</p>
</a>
</li>
small layout-top-nav enhancements - fixed logo position - added ability to use top-nav with sidebar (incl. demo)
2020-01-14 13:46:14 +00:00
<li class="nav-item">
<a href="layout/top-nav-sidebar.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Top Navigation + Sidebar</p>
</a>
</li>
updated AdminLTE css - fixed fontawesome icon rules in buttons, cards, sidebar & smallbox - added calc for `.content-wrapper` min-height - added layouts: top-nav, boxed & sidebar collapsed - fixed mailbox attachment size - added bg-*, navbar-* - updated demo.js - updated sidebar in demo files (added layout options) - added autoprefixer to fix browser specific css changes - added css sourcemap for adminlte.min.css
2019-05-25 13:15:32 +00:00
<li class="nav-item">
<a href="layout/boxed.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Boxed</p>
</a>
</li>
Road to v3.0.0-beta.1 - replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixed
2019-06-05 11:34:15 +00:00
<li class="nav-item">
renamed sidebar entry `Fixed` to `Fixed Sidebar` & renamed file `fixed.html` to `fixed-sidebar.html`
2019-07-14 16:02:00 +00:00
<a href="layout/fixed-sidebar.html" class="nav-link">
Road to v3.0.0-beta.1 - replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixed
2019-06-05 11:34:15 +00:00
<i class="far fa-circle nav-icon"></i>
renamed sidebar entry `Fixed` to `Fixed Sidebar` & renamed file `fixed.html` to `fixed-sidebar.html`
2019-07-14 16:02:00 +00:00
<p>Fixed Sidebar</p>
Road to v3.0.0-beta.1 - replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixed
2019-06-05 11:34:15 +00:00
</a>
</li>
sidebar custom area (#2908) * add sidebar-custom style * fix hide-on-collapse * add new sidebar menu entry * add custom area docs info
2020-07-22 14:06:12 +00:00
<li class="nav-item">
<a href="layout/fixed-sidebar-custom.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Fixed Sidebar <small>+ Custom Area</small></p>
</a>
</li>
Road to v3.0.0-beta.1 - replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixed
2019-06-05 11:34:15 +00:00
<li class="nav-item">
<a href="layout/fixed-topnav.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Fixed Navbar</p>
</a>
</li>
<li class="nav-item">
<a href="layout/fixed-footer.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Fixed Footer</p>
</a>
</li>
updated AdminLTE css - fixed fontawesome icon rules in buttons, cards, sidebar & smallbox - added calc for `.content-wrapper` min-height - added layouts: top-nav, boxed & sidebar collapsed - fixed mailbox attachment size - added bg-*, navbar-* - updated demo.js - updated sidebar in demo files (added layout options) - added autoprefixer to fix browser specific css changes - added css sourcemap for adminlte.min.css
2019-05-25 13:15:32 +00:00
<li class="nav-item">
<a href="layout/collapsed-sidebar.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Collapsed Sidebar</p>
</a>
</li>
</ul>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-chart-pie"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Charts
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="right fas fa-angle-left"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="charts/chartjs.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>ChartJS</p>
</a>
</li>
<li class="nav-item">
<a href="charts/flot.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Flot</p>
</a>
</li>
<li class="nav-item">
<a href="charts/inline.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Inline</p>
</a>
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</li>
add uplot charts
2020-11-25 07:59:41 +00:00
<li class="nav-item">
<a href="charts/uplot.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>uPlot</p>
</a>
</li>
Reformat code
2015-09-19 18:05:54 +00:00
</ul>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-tree"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
UI Elements
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-angle-left right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
Reformat code
2015-09-19 18:05:54 +00:00
</a>
Dev release
2018-03-17 17:07:55 +00:00
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="UI/general.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>General</p>
</a>
</li>
<li class="nav-item">
<a href="UI/icons.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Icons</p>
</a>
</li>
<li class="nav-item">
<a href="UI/buttons.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Buttons</p>
</a>
Added control sidebar to all pages
2015-04-04 01:19:55 +00:00
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
<a href="UI/sliders.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Sliders</p>
</a>
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</li>
added modals & changed zindex's - added Modals Demo Page - added Link to Modals in any other Demo Page - added Modal Color Variation fixes - updated zindex values `header` from 1000 to 900 `sidebar` from 1100 to 950 (below bootstrap 4 defaults to work with dropdown, modal, popover & tooltip) - removed tooltip zindex overide
2019-05-18 10:24:56 +00:00
<li class="nav-item">
<a href="UI/modals.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
added notification plugins aka toasts (sweetalert2 & toastr) - added sweetalert2 & toastr to package.json & build/npm/Plugins.js - added plugin related scss fixes and created files per plugin - updated "Modals" demo page to "Modals & Alerts" & renamed link on all demo files - rebuild dist files
2019-06-16 09:20:59 +00:00
<p>Modals & Alerts</p>
added modals & changed zindex's - added Modals Demo Page - added Link to Modals in any other Demo Page - added Modal Color Variation fixes - updated zindex values `header` from 1000 to 900 `sidebar` from 1100 to 950 (below bootstrap 4 defaults to work with dropdown, modal, popover & tooltip) - removed tooltip zindex overide
2019-05-18 10:24:56 +00:00
</a>
</li>
added support for vertical nav tabs - updated _navs.scss with tabs override css - added pages/UI/navbar demo with navbar color examples & vertical tabs example - added navbar & tabs sidebar entry in demo files with sidebar
2019-06-26 14:58:34 +00:00
<li class="nav-item">
<a href="UI/navbar.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Navbar & Tabs</p>
</a>
</li>
Add a sidebar link across all demo pages
2019-08-21 20:58:55 +00:00
<li class="nav-item">
updated demo sidebar menu - fixed timeline link in pages/calendar & pages/widgets - added ribbons link after timeline link
2019-08-28 07:57:45 +00:00
<a href="UI/timeline.html" class="nav-link">
Add a sidebar link across all demo pages
2019-08-21 20:58:55 +00:00
<i class="far fa-circle nav-icon"></i>
<p>Timeline</p>
</a>
</li>
updated demo sidebar menu - fixed timeline link in pages/calendar & pages/widgets - added ribbons link after timeline link
2019-08-28 07:57:45 +00:00
<li class="nav-item">
<a href="UI/ribbons.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Ribbons</p>
</a>
</li>
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</ul>
Reformat code
2015-09-19 18:05:54 +00:00
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-edit"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Forms
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-angle-left right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
Reformat code
2015-09-19 18:05:54 +00:00
</a>
Dev release
2018-03-17 17:07:55 +00:00
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="forms/general.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>General Elements</p>
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
<a href="forms/advanced.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Advanced Elements</p>
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
<a href="forms/editors.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Editors</p>
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</li>
added jquery validation demo
2019-11-22 10:19:12 +00:00
<li class="nav-item">
<a href="forms/validation.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Validation</p>
</a>
</li>
Reformat code
2015-09-19 18:05:54 +00:00
</ul>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-table"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Tables
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-angle-left right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="tables/simple.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Simple Tables</p>
</a>
</li>
<li class="nav-item">
<a href="tables/data.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
added jsGrid & updated DataTables demo - updated DataTables typo in demo files - added jsGrid to package,json & npm/Plugins.js - added jsgrid demo
2019-07-01 00:37:24 +00:00
<p>DataTables</p>
</a>
</li>
<li class="nav-item">
<a href="tables/jsgrid.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>jsGrid</p>
Dev release
2018-03-17 17:07:55 +00:00
</a>
</li>
</ul>
</li>
<li class="nav-header">EXAMPLES</li>
<li class="nav-item">
<a href="calendar.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon far fa-calendar-alt"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Calendar
<span class="badge badge-info right">2</span>
</p>
</a>
created new gallery page - added filterizr to plugins - created gallery demo
2019-08-28 09:42:16 +00:00
</li>
<li class="nav-item">
<a href="gallery.html" class="nav-link">
<i class="nav-icon far fa-image"></i>
<p>
Gallery
</p>
</a>
Dev release
2018-03-17 17:07:55 +00:00
</li>
add kanban demo
2020-09-24 08:58:07 +00:00
<li class="nav-item">
<a href="kanban.html" class="nav-link">
<i class="nav-icon fas fa-columns"></i>
<p>
Kanban Board
</p>
</a>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon far fa-envelope"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Mailbox
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-angle-left right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="mailbox/mailbox.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Inbox</p>
</a>
</li>
<li class="nav-item">
<a href="mailbox/compose.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Compose</p>
</a>
</li>
<li class="nav-item">
<a href="mailbox/read-mail.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Read</p>
</a>
</li>
</ul>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-book"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>
Pages
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-angle-left right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="examples/invoice.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Invoice</p>
</a>
</li>
<li class="nav-item">
<a href="examples/profile.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Profile</p>
</a>
</li>
added project add & project edit demo - created project_add & project_edit - updated project_detail - added menu link to all demo files - added a line break in _colors.scss
2019-06-30 21:46:41 +00:00
<li class="nav-item">
filename and coresponding changes done for e_commerce.html, project_add.html, project_edit.html and project_detail.html (#2516) Co-authored-by: EloquentShashank <52653070+EloquentShashank@users.noreply.github.com>
2020-01-28 10:07:41 +00:00
<a href="examples/e-commerce.html" class="nav-link">
added project add & project edit demo - created project_add & project_edit - updated project_detail - added menu link to all demo files - added a line break in _colors.scss
2019-06-30 21:46:41 +00:00
<i class="far fa-circle nav-icon"></i>
<p>E-commerce</p>
</a>
</li>
<li class="nav-item">
<a href="examples/projects.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Projects</p>
</a>
</li>
<li class="nav-item">
filename and coresponding changes done for e_commerce.html, project_add.html, project_edit.html and project_detail.html (#2516) Co-authored-by: EloquentShashank <52653070+EloquentShashank@users.noreply.github.com>
2020-01-28 10:07:41 +00:00
<a href="examples/project-add.html" class="nav-link">
added project add & project edit demo - created project_add & project_edit - updated project_detail - added menu link to all demo files - added a line break in _colors.scss
2019-06-30 21:46:41 +00:00
<i class="far fa-circle nav-icon"></i>
<p>Project Add</p>
</a>
</li>
<li class="nav-item">
filename and coresponding changes done for e_commerce.html, project_add.html, project_edit.html and project_detail.html (#2516) Co-authored-by: EloquentShashank <52653070+EloquentShashank@users.noreply.github.com>
2020-01-28 10:07:41 +00:00
<a href="examples/project-edit.html" class="nav-link">
added project add & project edit demo - created project_add & project_edit - updated project_detail - added menu link to all demo files - added a line break in _colors.scss
2019-06-30 21:46:41 +00:00
<i class="far fa-circle nav-icon"></i>
<p>Project Edit</p>
</a>
</li>
<li class="nav-item">
filename and coresponding changes done for e_commerce.html, project_add.html, project_edit.html and project_detail.html (#2516) Co-authored-by: EloquentShashank <52653070+EloquentShashank@users.noreply.github.com>
2020-01-28 10:07:41 +00:00
<a href="examples/project-detail.html" class="nav-link">
added project add & project edit demo - created project_add & project_edit - updated project_detail - added menu link to all demo files - added a line break in _colors.scss
2019-06-30 21:46:41 +00:00
<i class="far fa-circle nav-icon"></i>
<p>Project Detail</p>
</a>
</li>
<li class="nav-item">
<a href="examples/contacts.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Contacts</p>
</a>
</li>
finish contact-us and place menu item
2020-09-14 09:41:18 +00:00
<li class="nav-item">
fix faq demo links
2020-11-25 10:16:29 +00:00
<a href="examples/faq.html" class="nav-link">
finish contact-us and place menu item
2020-09-14 09:41:18 +00:00
<i class="far fa-circle nav-icon"></i>
<p>FAQ</p>
</a>
</li>
<li class="nav-item">
<a href="examples/contact-us.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Contact us</p>
</a>
</li>
reordered Extras & Pages in demo files
2019-06-27 09:26:34 +00:00
</ul>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
reordered Extras & Pages in demo files
2019-06-27 09:26:34 +00:00
<a href="#" class="nav-link">
<i class="nav-icon far fa-plus-square"></i>
<p>
Extras
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
rework login & register menu items in sidebar
2020-09-11 09:33:57 +00:00
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>
Login & Register v1
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="examples/login.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Login v1</p>
</a>
</li>
<li class="nav-item">
<a href="examples/register.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Register v1</p>
</a>
</li>
<li class="nav-item">
<a href="examples/forgot-password.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Forgot Password v1</p>
</a>
</li>
<li class="nav-item">
<a href="examples/recover-password.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Recover Password v1</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>
Login & Register v2
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="examples/login-v2.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Login v2</p>
</a>
</li>
<li class="nav-item">
<a href="examples/register-v2.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Register v2</p>
</a>
</li>
<li class="nav-item">
<a href="examples/forgot-password-v2.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Forgot Password v2</p>
</a>
</li>
<li class="nav-item">
<a href="examples/recover-password-v2.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Recover Password v2</p>
</a>
</li>
</ul>
added forget password & recover password demo
2019-11-01 11:19:24 +00:00
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
<a href="examples/lockscreen.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Lockscreen</p>
</a>
</li>
reordered Extras & Pages in demo files
2019-06-27 09:26:34 +00:00
<li class="nav-item">
<a href="examples/legacy-user-menu.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Legacy User Menu</p>
</a>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
added language menu demo
2019-07-10 15:01:30 +00:00
<a href="examples/language-menu.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Language Menu</p>
</a>
</li>
<li class="nav-item">
Dev release
2018-03-17 17:07:55 +00:00
<a href="examples/404.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Error 404</p>
</a>
</li>
<li class="nav-item">
<a href="examples/500.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Error 500</p>
</a>
</li>
added pace demo & pace override - created pages/examples/pace.html - created build/scss/plugins/_pace.scss with color overrides - created docs/components/plugins.md with plugin overrides & extra styles - updated docs sidebar menu - updated demo sidebar menu with pace demo link
2019-09-09 12:19:35 +00:00
<li class="nav-item">
<a href="examples/pace.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Pace</p>
</a>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
<a href="examples/blank.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Blank Page</p>
</a>
</li>
<li class="nav-item">
<a href="../starter.html" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="far fa-circle nav-icon"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Starter Page</p>
added legacy user menu - added scss lines form @BruceHill - created pages/examples/legacy-user-menu.html as single page demo with html code from @BruceHill but with some modifications ;) - updated demo files, added legacy user menu link in Extras after Starter Page - rebuild dist files
2019-06-12 08:37:11 +00:00
</a>
</li>
Dev release
2018-03-17 17:07:55 +00:00
</ul>
</li>
add search forms & results (simple & enhanced)
2020-09-11 09:20:30 +00:00
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-search"></i>
<p>
Search
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="search/simple.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Simple Search</p>
</a>
</li>
<li class="nav-item">
<a href="search/enhanced.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Enhanced</p>
</a>
</li>
</ul>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-header">MISCELLANEOUS</li>
place iframe.html sidebar menu item
2020-09-30 07:03:11 +00:00
<li class="nav-item">
fix menu links
2020-10-03 12:30:19 +00:00
<a href="../iframe.html" class="nav-link">
place iframe.html sidebar menu item
2020-09-30 07:03:11 +00:00
<i class="nav-icon fas fa-ellipsis-h"></i>
<p>Tabbed IFrame Plugin</p>
</a>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-item">
update docs link
2020-11-25 09:12:46 +00:00
<a href="https://adminlte.io/docs/3.1/" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon fas fa-file"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Documentation</p>
</a>
</li>
added multi level example across the demo pages
2019-09-09 13:34:49 +00:00
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fas fa-circle nav-icon"></i>
<p>Level 1</p>
</a>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
added multi level example across the demo pages
2019-09-09 13:34:49 +00:00
<a href="#" class="nav-link">
<i class="nav-icon fas fa-circle"></i>
<p>
Level 1
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Level 2</p>
</a>
</li>
remove has-treeview class across all demo & docs pages (#2912) * remove has-treeview class across all demo & docs pages * remove if item.subitems in docs/_includes/sidebar.html
2020-07-22 15:58:00 +00:00
<li class="nav-item">
added multi level example across the demo pages
2019-09-09 13:34:49 +00:00
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>
Level 2
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-dot-circle nav-icon"></i>
<p>Level 3</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-dot-circle nav-icon"></i>
<p>Level 3</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-dot-circle nav-icon"></i>
<p>Level 3</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Level 2</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fas fa-circle nav-icon"></i>
<p>Level 1</p>
</a>
</li>
Dev release
2018-03-17 17:07:55 +00:00
<li class="nav-header">LABELS</li>
<li class="nav-item">
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon far fa-circle text-danger"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p class="text">Important</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon far fa-circle text-warning"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Warning</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="nav-icon far fa-circle text-info"></i>
Dev release
2018-03-17 17:07:55 +00:00
<p>Informational</p>
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</li>
</ul>
Dev release
2018-03-17 17:07:55 +00:00
</nav>
<!-- /.sidebar-menu -->
</div>
Reformat code
2015-09-19 18:05:54 +00:00
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
Dev release
2018-03-17 17:07:55 +00:00
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Widgets</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Widgets</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
Reformat code
2015-09-19 18:05:54 +00:00
</section>
<!-- Main content -->
<section class="content">
Dev release
2018-03-17 17:07:55 +00:00
<div class="container-fluid">
<h5 class="mb-2">Info Box</h5>
<div class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon bg-info"><i class="far fa-envelope"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Messages</span>
<span class="info-box-number">1,410</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon bg-success"><i class="far fa-flag"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Bookmarks</span>
<span class="info-box-number">410</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon bg-warning"><i class="far fa-copy"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Uploads</span>
<span class="info-box-number">13,648</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon bg-danger"><i class="far fa-star"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Likes</span>
<span class="info-box-number">93,139</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- =========================================================== -->
<h5 class="mb-2">Info Box With Custom Shadows <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
<div class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box shadow-none">
<span class="info-box-icon bg-info"><i class="far fa-envelope"></i></span>
<div class="info-box-content">
Fix for Info Box when on IE11 Fixes info box displaying incorrectly when using IE11 (not sure for older versions) and also change text for the shadow info box so it will appear better for smaller screens (without having to use text-wrap).
2020-09-22 03:30:19 +00:00
<span class="info-box-text">Shadows</span>
<span class="info-box-number">None</span>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box shadow-sm">
<span class="info-box-icon bg-success"><i class="far fa-flag"></i></span>
<div class="info-box-content">
Fix for Info Box when on IE11 Fixes info box displaying incorrectly when using IE11 (not sure for older versions) and also change text for the shadow info box so it will appear better for smaller screens (without having to use text-wrap).
2020-09-22 03:30:19 +00:00
<span class="info-box-text">Shadows</span>
<span class="info-box-number">Small</span>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box shadow">
<span class="info-box-icon bg-warning"><i class="far fa-copy"></i></span>
<div class="info-box-content">
Fix for Info Box when on IE11 Fixes info box displaying incorrectly when using IE11 (not sure for older versions) and also change text for the shadow info box so it will appear better for smaller screens (without having to use text-wrap).
2020-09-22 03:30:19 +00:00
<span class="info-box-text">Shadows</span>
<span class="info-box-number">Regular</span>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box shadow-lg">
<span class="info-box-icon bg-danger"><i class="far fa-star"></i></span>
<div class="info-box-content">
Fix for Info Box when on IE11 Fixes info box displaying incorrectly when using IE11 (not sure for older versions) and also change text for the shadow info box so it will appear better for smaller screens (without having to use text-wrap).
2020-09-22 03:30:19 +00:00
<span class="info-box-text">Shadows</span>
<span class="info-box-number">Large</span>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<!-- =========================================================== -->
<h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
<div class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-info">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="far fa-bookmark"></i></span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Bookmarks</span>
<span class="info-box-number">41,410</span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-success">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="far fa-thumbs-up"></i></span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Likes</span>
<span class="info-box-number">41,410</span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-warning">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="far fa-calendar-alt"></i></span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Events</span>
<span class="info-box-number">41,410</span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-danger">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="fas fa-comments"></i></span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Comments</span>
<span class="info-box-number">41,410</span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<!-- =========================================================== -->
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<h5 class="mt-4 mb-2">Info Box With <code>bg-gradient-*</code></h5>
Dev release
2018-03-17 17:07:55 +00:00
<div class="row">
<div class="col-md-3 col-sm-6 col-12">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="info-box bg-gradient-info">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="far fa-bookmark"></i></span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Bookmarks</span>
<span class="info-box-number">41,410</span>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="info-box bg-gradient-success">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="far fa-thumbs-up"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Likes</span>
<span class="info-box-number">41,410</span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="info-box bg-gradient-warning">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="far fa-calendar-alt"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Events</span>
<span class="info-box-number">41,410</span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3 col-sm-6 col-12">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="info-box bg-gradient-danger">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<span class="info-box-icon"><i class="fas fa-comments"></i></span>
Dev release
2018-03-17 17:07:55 +00:00
<div class="info-box-content">
<span class="info-box-text">Comments</span>
<span class="info-box-number">41,410</span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
</div>
<!-- /.info-box-content -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.info-box -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<!-- =========================================================== -->
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<!-- Small Box (Stat card) -->
<h5 class="mb-2 mt-4">Small Box</h5>
<div class="row">
<div class="col-lg-3 col-6">
<!-- small card -->
<div class="small-box bg-info">
<div class="inner">
<h3>150</h3>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<p>New Orders</p>
</div>
<div class="icon">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-shopping-cart"></i>
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="small-box-footer">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
More info <i class="fas fa-arrow-circle-right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
</div>
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small card -->
<div class="small-box bg-success">
<div class="inner">
<h3>53<sup style="font-size: 20px">%</sup></h3>
<p>Bounce Rate</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
More info <i class="fas fa-arrow-circle-right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small card -->
<div class="small-box bg-warning">
<div class="inner">
<h3>44</h3>
<p>User Registrations</p>
</div>
<div class="icon">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-user-plus"></i>
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<a href="#" class="small-box-footer">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
More info <i class="fas fa-arrow-circle-right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
</div>
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small card -->
<div class="small-box bg-danger">
<div class="inner">
<h3>65</h3>
<p>Unique Visitors</p>
</div>
<div class="icon">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<i class="fas fa-chart-pie"></i>
Dev release
2018-03-17 17:07:55 +00:00
</div>
<a href="#" class="small-box-footer">
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
More info <i class="fas fa-arrow-circle-right"></i>
Dev release
2018-03-17 17:07:55 +00:00
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- ./col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
added overlay for small-box & info-box - moved overlay code to _miscellaneous to save lines & centralize it since its not only for card - changed code to flex center instead of position absolute - changed icon color & modified the color for dark - removed icon font size to use fa-lg, fa-2x, ... - updated widgets demo
2019-06-26 13:14:53 +00:00
<!-- Small Box (Stat card) -->
<div class="row">
<div class="col-lg-3 col-6">
<!-- small card -->
<div class="small-box bg-info">
<!-- Loading (remove the following to stop the loading)-->
<div class="overlay">
<i class="fas fa-3x fa-sync-alt"></i>
</div>
<!-- end loading -->
<div class="inner">
<h3>150</h3>
<p>New Orders</p>
</div>
<div class="icon">
<i class="fas fa-shopping-cart"></i>
</div>
<a href="#" class="small-box-footer">
More info <i class="fas fa-arrow-circle-right"></i>
</a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small card -->
<div class="small-box bg-success">
<!-- Loading (remove the following to stop the loading)-->
<div class="overlay dark">
<i class="fas fa-3x fa-sync-alt"></i>
</div>
<!-- end loading -->
<div class="inner">
<h3>53<sup style="font-size: 20px">%</sup></h3>
<p>Bounce Rate</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer">
More info <i class="fas fa-arrow-circle-right"></i>
</a>
</div>
</div>
<!-- ./col -->
</div>
<!-- /.row -->
Dev release
2018-03-17 17:07:55 +00:00
<!-- =========================================================== -->
<h4 class="mb-2 mt-4">Cards</h4>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<h5 class="mb-2">Abilities</h5>
Dev release
2018-03-17 17:07:55 +00:00
<div class="row">
<div class="col-md-3">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card card-primary collapsed-card">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Expandable</h3>
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3">
<div class="card card-success">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card-header">
<h3 class="card-title">Collapsable</h3>
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-warning">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Removable</h3>
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card card-danger">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<h3 class="card-title">Maximizable</h3>
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row">
<div class="col-md-3">
<div class="card card-primary">
migrated CardRefresh (BoxRefresh) - created CardRefresh Plugin - created docs - updated pages/UI/widgets.html
2019-08-20 15:19:08 +00:00
<div class="card-header">
<h3 class="card-title">Card Refresh</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="card-refresh" data-source="widgets.html" data-source-selector="#card-refresh-content">
<i class="fas fa-sync-alt"></i>
</button>
migrated CardRefresh (BoxRefresh) - created CardRefresh Plugin - created docs - updated pages/UI/widgets.html
2019-08-20 15:19:08 +00:00
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<div class="d-none" id="card-refresh-content">
The body of the card after card refresh
</div>
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-success">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card-header">
<h3 class="card-title">All together</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="card-refresh" data-source="widgets.html" data-source-selector="#card-refresh-content" data-load-on-init="false">
<i class="fas fa-sync-alt"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="maximize">
<i class="fas fa-expand"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
Dev release
2018-03-17 17:07:55 +00:00
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
migrated CardRefresh (BoxRefresh) - created CardRefresh Plugin - created docs - updated pages/UI/widgets.html
2019-08-20 15:19:08 +00:00
<div class="card card-warning">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Loading state</h3>
</div>
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
<!-- Loading (remove the following to stop the loading)-->
<div class="overlay">
added overlay for small-box & info-box - moved overlay code to _miscellaneous to save lines & centralize it since its not only for card - changed code to flex center instead of position absolute - changed icon color & modified the color for dark - removed icon font size to use fa-lg, fa-2x, ... - updated widgets demo
2019-06-26 13:14:53 +00:00
<i class="fas fa-2x fa-sync-alt"></i>
</div>
<!-- end loading -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
migrated CardRefresh (BoxRefresh) - created CardRefresh Plugin - created docs - updated pages/UI/widgets.html
2019-08-20 15:19:08 +00:00
<div class="card card-danger">
added overlay for small-box & info-box - moved overlay code to _miscellaneous to save lines & centralize it since its not only for card - changed code to flex center instead of position absolute - changed icon color & modified the color for dark - removed icon font size to use fa-lg, fa-2x, ... - updated widgets demo
2019-06-26 13:14:53 +00:00
<div class="card-header">
<h3 class="card-title">Loading state (dark)</h3>
</div>
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
<!-- Loading (remove the following to stop the loading)-->
<div class="overlay dark">
<i class="fas fa-2x fa-sync-alt"></i>
Dev release
2018-03-17 17:07:55 +00:00
</div>
<!-- end loading -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- =========================================================== -->
<h5 class="mb-2">Custom Shadows Variations <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
<div class="row">
<div class="col-md-3">
<div class="card card-primary shadow-none">
<div class="card-header">
<h3 class="card-title">Shadow - None</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-success shadow-sm">
<div class="card-header">
<h3 class="card-title">Shadow - Small</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-warning shadow">
<div class="card-header">
<h3 class="card-title">Shadow - Regular</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-danger shadow-lg">
<div class="card-header">
<h3 class="card-title">Shadow - Large</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i>
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<!-- =========================================================== -->
Reformat code
2015-09-19 18:05:54 +00:00
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<h5 class="mb-2">Colors Variations</h5>
Dev release
2018-03-17 17:07:55 +00:00
<div class="row">
<div class="col-md-3">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card card-primary">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
<h3 class="card-title">Primary</h3>
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card card-success">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
<h3 class="card-title">Success</h3>
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card card-warning">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
<h3 class="card-title">Warning</h3>
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="card card-danger">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
<h3 class="card-title">Danger</h3>
Dev release
2018-03-17 17:07:55 +00:00
</div>
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
<div class="row">
<div class="col-md-3">
<div class="card card-outline card-primary">
<div class="card-header">
<h3 class="card-title">Primary Outline</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-outline card-success">
<div class="card-header">
<h3 class="card-title">Success Outline</h3>
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-outline card-warning">
<div class="card-header">
<h3 class="card-title">Warning Outline</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card card-outline card-danger">
<div class="card-header">
<h3 class="card-title">Danger Outline</h3>
</div>
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row">
<div class="col-md-3">
<div class="card bg-primary">
<div class="card-header">
<h3 class="card-title">Primary</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card bg-success">
<div class="card-header">
<h3 class="card-title">Success</h3>
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card bg-warning">
<div class="card-header">
<h3 class="card-title">Warning</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
enhanced card & widget with expand/compress (fullscreen) and some little fixes - updated Widget.js - updated _cards.scss - enabled gradients in _bootstrap-variables.scss - fixed old bg-*-gradient (theme colors) - added bg-*-gradient (colors) - updated cards demo section in pages/widgets.html
2019-06-15 10:22:25 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="card bg-danger">
<div class="card-header">
<h3 class="card-title">Danger</h3>
</div>
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
Reformat code
2015-09-19 18:05:54 +00:00
Dev release
2018-03-17 17:07:55 +00:00
<div class="row">
<div class="col-md-3">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="card bg-gradient-primary">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Primary Gradient</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="card bg-gradient-success">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Success Gradient</h3>
<div class="card-tools">
enhanced CardWidget (Widget) - renamed Widget to CardWidget - renamed data-widget to data-card-widget - reworked Selector & ClassName Icons to Option - splited toggleMaximize to maximize & minimize - added maximizeTrigger Option - enhance code to run methods without buttons
2019-08-20 10:33:52 +00:00
<button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="card bg-gradient-warning">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Warning Gradient</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-3">
some little changes with gradients - removed default gradients - renamed bg-*-gradient to bg-gradient-* to follow bootstrap's default gradients - added btn related gradient hover & active changes - updated related demo files (index.html, pages/widgets.html & pages/UI/buttons.html) - rebuild dist files
2019-06-19 12:36:36 +00:00
<div class="card bg-gradient-danger">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Danger Gradient</h3>
</div>
<div class="card-body">
The body of the card
</div>
<!-- /.card-body -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
<!-- =========================================================== -->
<!-- Direct Chat -->
<h4 class="mt-4 mb-2">Direct Chat</h4>
<div class="row">
<div class="col-md-3">
<!-- DIRECT CHAT PRIMARY -->
fix direct-chat classes in pages/widgets (#3044)
2020-09-22 12:23:49 +00:00
<div class="card card-primary card-outline direct-chat direct-chat-primary">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Direct Chat</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge bg-primary">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
Updated widgets page to include AdminLTE2.0 components
2015-02-28 03:06:16 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
Fix all HTML validation errors.
2020-06-02 09:32:23 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
Dev release
2018-03-17 17:07:55 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-pane -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-primary">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3">
<!-- DIRECT CHAT SUCCESS -->
fix direct-chat classes in pages/widgets (#3044)
2020-09-22 12:23:49 +00:00
<div class="card card-success card-outline direct-chat direct-chat-success">
Dev release
2018-03-17 17:07:55 +00:00
<div class="card-header">
<h3 class="card-title">Direct Chat</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge bg-success">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
Fix all HTML validation errors.
2020-06-02 09:32:23 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
Dev release
2018-03-17 17:07:55 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-pane -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-success">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3">
<!-- DIRECT CHAT WARNING -->
<div class="card card-warning direct-chat direct-chat-warning">
<div class="card-header">
<h3 class="card-title">Direct Chat</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge bg-danger">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
Fix all HTML validation errors.
2020-06-02 09:32:23 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
Dev release
2018-03-17 17:07:55 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-pane -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-warning">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-md-3">
<!-- DIRECT CHAT DANGER -->
<div class="card card-danger direct-chat direct-chat-danger">
<div class="card-header">
<h3 class="card-title">Direct Chat</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
</div>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<div class="direct-chat-infos clearfix">
Dev release
2018-03-17 17:07:55 +00:00
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
further scss changes - changed /* comments to // (to avoid displaying in compiled css file) - added .alert-primary - removed _label.scss (due renamed to badge with BS4) - reworked bg-*, bg-gradient-*, custom-switch-*, custom-range-* as mixin - changed control-sidebar-light border color to main-header border - renamed `.direct-chat-info` to `.direct-chat-infos` (not theme color, its a extra block inside direct-chat & updated demo files - enhanced direct-chat with all colors - added `.dropdown-menu-xl` - reworked color-palette in pages/UI/general - changed `Block Quotes Pulled Right` to `Secondary Block Quotes` in pages/UI/general - removed `@-webkit-keyframes flipInX` due autoprefixer - enhanced demo.js with additional colors for sidebar & renamed `Navbar border` to `No Navbar border`
2019-07-18 14:22:11 +00:00
<!-- /.direct-chat-infos -->
Dev release
2018-03-17 17:07:55 +00:00
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
Updated widgets page to include AdminLTE2.0 components
2015-02-28 03:06:16 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.direct-chat-msg -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
Fix all HTML validation errors.
2020-06-02 09:32:23 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
Dev release
2018-03-17 17:07:55 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-danger">Send</button>
</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
</form>
</div>
<!-- /.card-footer-->
</div>
<!--/.direct-chat -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
remove missplaced "Outline" on non-outlined boxes
2020-06-04 19:39:44 +00:00
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- =========================================================== -->
<h5 class="mb-2">Custom Shadows Variations <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
Dev release
2018-03-17 17:07:55 +00:00
<div class="row">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="col-md-3">
<!-- DIRECT CHAT PRIMARY -->
fix direct-chat classes in pages/widgets (#3044)
2020-09-22 12:23:49 +00:00
<div class="card card-primary card-outline direct-chat direct-chat-primary shadow-none">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="card-header">
<h3 class="card-title">Shadow - None</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge bg-primary">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
Dev release
2018-03-17 17:07:55 +00:00
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
Dev release
2018-03-17 17:07:55 +00:00
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
Dev release
2018-03-17 17:07:55 +00:00
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- /.direct-chat-msg -->
Add social widgets
2015-08-12 19:30:28 +00:00
</div>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
[Tables] Expandable table (#2528) * [Tables] Expandable table * enhance expandable table * fix AdminLTE.js export * fix linting errors * fix HTML validator errors Co-authored-by: Shashank Bansal <shashank.bansal@eloquent.studio> Co-authored-by: REJack <info@rejack.de>
2020-06-04 22:35:50 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-primary">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
</div>
<!--/.direct-chat -->
</div>
<!-- /.col -->
<div class="col-md-3">
<!-- DIRECT CHAT SUCCESS -->
fix direct-chat classes in pages/widgets (#3044)
2020-09-22 12:23:49 +00:00
<div class="card card-success card-outline direct-chat direct-chat-success shadow-sm">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="card-header">
<h3 class="card-title">Shadow - Small</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge bg-success">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
</div>
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
[Tables] Expandable table (#2528) * [Tables] Expandable table * enhance expandable table * fix AdminLTE.js export * fix linting errors * fix HTML validator errors Co-authored-by: Shashank Bansal <shashank.bansal@eloquent.studio> Co-authored-by: REJack <info@rejack.de>
2020-06-04 22:35:50 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-success">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
</div>
<!--/.direct-chat -->
</div>
<!-- /.col -->
<div class="col-md-3">
<!-- DIRECT CHAT WARNING -->
<div class="card card-warning direct-chat direct-chat-warning shadow">
<div class="card-header">
<h3 class="card-title">Shadow - Regular</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge bg-danger">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
</div>
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
[Tables] Expandable table (#2528) * [Tables] Expandable table * enhance expandable table * fix AdminLTE.js export * fix linting errors * fix HTML validator errors Co-authored-by: Shashank Bansal <shashank.bansal@eloquent.studio> Co-authored-by: REJack <info@rejack.de>
2020-06-04 22:35:50 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-warning">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
</div>
<!--/.direct-chat -->
</div>
<!-- /.col -->
<div class="col-md-3">
<!-- DIRECT CHAT DANGER -->
<div class="card card-danger direct-chat direct-chat-danger shadow-lg">
<div class="card-header">
<h3 class="card-title">Shadow - Large</h3>
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<span title="3 New Messages" class="badge">3</span>
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
<i class="fas fa-comments"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
</button>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-left">Alexander Pierce</span>
<span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
</div>
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-infos clearfix">
<span class="direct-chat-name float-right">Sarah Bullock</span>
<span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
</div>
<!-- /.direct-chat-infos -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
</div>
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
[Tables] Expandable table (#2528) * [Tables] Expandable table * enhance expandable table * fix AdminLTE.js export * fix linting errors * fix HTML validator errors Co-authored-by: Shashank Bansal <shashank.bansal@eloquent.studio> Co-authored-by: REJack <info@rejack.de>
2020-06-04 22:35:50 +00:00
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date float-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-append">
<button type="submit" class="btn btn-danger">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
</div>
<!--/.direct-chat -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<h3 class="mt-4 mb-4">Social Widgets</h3>
<div class="row">
<div class="col-md-4">
<!-- Widget: user widget style 2 -->
<div class="card card-widget widget-user-2">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-warning">
<div class="widget-user-image">
<img class="img-circle elevation-2" src="../dist/img/user7-128x128.jpg" alt="User Avatar">
</div>
<!-- /.widget-user-image -->
<h3 class="widget-user-username">Nadia Carmichael</h3>
<h5 class="widget-user-desc">Lead Developer</h5>
</div>
<div class="card-footer p-0">
<ul class="nav flex-column">
<li class="nav-item">
<a href="#" class="nav-link">
Projects <span class="float-right badge bg-primary">31</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Tasks <span class="float-right badge bg-info">5</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Completed Projects <span class="float-right badge bg-success">12</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Followers <span class="float-right badge bg-danger">842</span>
</a>
</li>
</ul>
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- /.col -->
<div class="col-md-4">
<!-- Widget: user widget style 1 -->
<div class="card card-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-info">
<h3 class="widget-user-username">Alexander Pierce</h3>
<h5 class="widget-user-desc">Founder & CEO</h5>
</div>
<div class="widget-user-image">
<img class="img-circle elevation-2" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
</div>
<div class="card-footer">
<div class="row">
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">3,200</h5>
<span class="description-text">SALES</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">13,000</h5>
<span class="description-text">FOLLOWERS</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
<div class="col-sm-4">
<div class="description-block">
<h5 class="description-header">35</h5>
<span class="description-text">PRODUCTS</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- /.col -->
<div class="col-md-4">
<!-- Widget: user widget style 1 -->
<div class="card card-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header text-white"
style="background: url('../dist/img/photo1.png') center center;">
<h3 class="widget-user-username text-right">Elizabeth Pierce</h3>
<h5 class="widget-user-desc text-right">Web Designer</h5>
</div>
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar">
</div>
<div class="card-footer">
Dev release
2018-03-17 17:07:55 +00:00
<div class="row">
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">3,200</h5>
<span class="description-text">SALES</span>
</div>
<!-- /.description-block -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">13,000</h5>
<span class="description-text">FOLLOWERS</span>
</div>
<!-- /.description-block -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
<div class="col-sm-4">
<div class="description-block">
<h5 class="description-header">35</h5>
<span class="description-text">PRODUCTS</span>
</div>
<!-- /.description-block -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Add social widgets
2015-08-12 19:30:28 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.widget-user -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
<div class="row">
<div class="col-md-6">
<!-- Box Comment -->
<div class="card card-widget">
<div class="card-header">
<div class="user-block">
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Image">
<span class="username"><a href="#">Jonathan Burke Jr.</a></span>
<span class="description">Shared publicly - 7:30 PM Today</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.user-block -->
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Mark as read">
<i class="far fa-circle"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-tools -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
<img class="img-fluid pad" src="../dist/img/photo2.png" alt="Photo">
<p>I took this photo this morning. What do you guys think?</p>
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-share"></i> Share</button>
<button type="button" class="btn btn-default btn-sm"><i class="far fa-thumbs-up"></i> Like</button>
Dev release
2018-03-17 17:07:55 +00:00
<span class="float-right text-muted">127 likes - 3 comments</span>
</div>
<!-- /.card-body -->
<div class="card-footer card-comments">
<div class="card-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/user3-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Maria Gonzales
<span class="text-muted float-right">8:03 PM Today</span>
</span><!-- /.username -->
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
</div>
<!-- /.comment-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-comment -->
<div class="card-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Luna Stark
<span class="text-muted float-right">8:03 PM Today</span>
</span><!-- /.username -->
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.comment-text -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-comment -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-footer -->
<div class="card-footer">
<form action="#" method="post">
<img class="img-fluid img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="Alt Text">
<!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push">
<input type="text" class="form-control form-control-sm" placeholder="Press enter to post comment">
</div>
</form>
</div>
<!-- /.card-footer -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
</div>
<!-- /.col -->
<div class="col-md-6">
<!-- Box Comment -->
<div class="card card-widget">
<div class="card-header">
<div class="user-block">
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Image">
<span class="username"><a href="#">Jonathan Burke Jr.</a></span>
<span class="description">Shared publicly - 7:30 PM Today</span>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.user-block -->
<div class="card-tools">
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" title="Mark as read">
<i class="far fa-circle"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Remove moot data-toggle="tooltip" (#2861) Tooltips need to be manually initialized which didn't happen. Also, streamline tag indentation a bit
2020-07-01 14:21:20 +00:00
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
Dev release
2018-03-17 17:07:55 +00:00
</button>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-tools -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card-header -->
<div class="card-body">
<!-- post text -->
<p>Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind
texts. Separated they live in Bookmarksgrove right at</p>
<p>the coast of the Semantics, a large language ocean.
A small river named Duden flows by their place and supplies
it with the necessary regelialia. It is a paradisematic
country, in which roasted parts of sentences fly into
your mouth.</p>
<!-- Attachment -->
<div class="attachment-block clearfix">
<img class="attachment-img" src="../dist/img/photo1.png" alt="Attachment Image">
<div class="attachment-pushed">
Use https when possible. (#2733)
2020-05-31 12:28:48 +00:00
<h4 class="attachment-heading"><a href="https://www.lipsum.com/">Lorem ipsum text generator</a></h4>
Dev release
2018-03-17 17:07:55 +00:00
<div class="attachment-text">
Description about the attachment can be placed here.
Lorem Ipsum is simply dummy text of the printing and typesetting industry... <a href="#">more</a>
</div>
<!-- /.attachment-text -->
</div>
<!-- /.attachment-pushed -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.attachment-block -->
<!-- Social sharing buttons -->
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-share"></i> Share</button>
<button type="button" class="btn btn-default btn-sm"><i class="far fa-thumbs-up"></i> Like</button>
Dev release
2018-03-17 17:07:55 +00:00
<span class="float-right text-muted">45 likes - 2 comments</span>
</div>
<!-- /.card-body -->
<div class="card-footer card-comments">
<div class="card-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/user3-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Maria Gonzales
<span class="text-muted float-right">8:03 PM Today</span>
</span><!-- /.username -->
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
</div>
<!-- /.comment-text -->
</div>
<!-- /.card-comment -->
<div class="card-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/user5-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Nora Havisham
<span class="text-muted float-right">8:03 PM Today</span>
</span><!-- /.username -->
updated fontawesome to fontawesome-free 5.8.2 - updated all demo pages - updated fontawesome entries in build/npm/Plugins - updated package.json & package-lock.json - replaced fontawesome files in plugins/
2019-05-25 12:36:36 +00:00
The point of using Lorem Ipsum is that it hrs a morer-less
Dev release
2018-03-17 17:07:55 +00:00
normal distribution of letters, as opposed to using
'Content here, content here', making it look like readable English.
</div>
<!-- /.comment-text -->
</div>
<!-- /.card-comment -->
</div>
<!-- /.card-footer -->
<div class="card-footer">
<form action="#" method="post">
<img class="img-fluid img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="Alt Text">
<!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push">
<input type="text" class="form-control form-control-sm" placeholder="Press enter to post comment">
</div>
</form>
</div>
<!-- /.card-footer -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.card -->
Reformat code
2015-09-19 18:05:54 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.col -->
AdminLTE 2.0 alpha
2015-02-01 21:25:09 +00:00
</div>
Dev release
2018-03-17 17:07:55 +00:00
<!-- /.row -->
[Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack <info@rejack.de>
2020-06-04 19:17:22 +00:00
<!-- =========================================================== -->
<h5 class="mb-2">Custom Shadows Variations <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
<div class="row">
<div class="col-md-4">
<!-- Widget: user widget style 2 -->
<div class="card card-widget widget-user-2 shadow-sm">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-warning">
<div class="widget-user-image">
<img class="img-circle elevation-2" src="../dist/img/user7-128x128.jpg" alt="User Avatar">
</div>
<!-- /.widget-user-image -->
<h3 class="widget-user-username">Nadia Carmichael</h3>
<h5 class="widget-user-desc">Lead Developer</h5>
</div>
<div class="card-footer p-0">
<ul class="nav flex-column">
<li class="nav-item">
<a href="#" class="nav-link">
Projects <span class="float-right badge bg-primary">31</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Tasks <span class="float-right badge bg-info">5</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Completed Projects <span class="float-right badge bg-success">12</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
Followers <span class="float-right badge bg-danger">842</span>
</a>
</li>
</ul>
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- /.col -->
<div class="col-md-4">
<!-- Widget: user widget style 1 -->
<div class="card card-widget widget-user shadow">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-info">
<h3 class="widget-user-username">Alexander Pierce</h3>
<h5 class="widget-user-desc">Founder & CEO</h5>
</div>
<div class="widget-user-image">
<img class="img-circle elevation-2" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
</div>
<div class="card-footer">
<div class="row">
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">3,200</h5>
<span class="description-text">SALES</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">13,000</h5>
<span class="description-text">FOLLOWERS</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
<div class="col-sm-4">
<div class="description-block">
<h5 class="description-header">35</h5>
<span class="description-text">PRODUCTS</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- /.col -->
<div class="col-md-4">
<!-- Widget: user widget style 1 -->
<div class="card card-widget widget-user shadow-lg">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header text-white"
style="background: url('../dist/img/photo1.png') center center;">
<h3 class="widget-user-username text-right">Elizabeth Pierce</h3>
<h5 class="widget-user-desc text-right">Web Designer</h5>
</div>
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar">
</div>
<div class="card-footer">
<div class="row">
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">3,200</h5>
<span class="description-text">SALES</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
<div class="col-sm-4 border-right">
<div class="description-block">
<h5 class="description-header">13,000</h5>
<span class="description-text">FOLLOWERS</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
<div class="col-sm-4">
<div class="description-block">
<h5 class="description-header">35</h5>
<span class="description-text">PRODUCTS</span>
</div>
<!-- /.description-block -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
add card with image overlay demo
2020-11-24 08:27:57 +00:00
<h5 class="mb-2">Card with Image Overlay</h5>
<div class="card card-success">
<div class="card-body">
<div class="row">
<div class="col-md-12 col-lg-6 col-xl-4">
<div class="card mb-2 bg-gradient-dark">
fix html validator error
2020-11-25 06:33:04 +00:00
<img class="card-img-top" src="../dist/img/photo1.png" alt="Dist Photo 1">
add card with image overlay demo
2020-11-24 08:27:57 +00:00
<div class="card-img-overlay d-flex flex-column justify-content-end">
<h5 class="card-title text-primary text-white">Card Title</h5>
small demo adjustments
2020-11-24 08:28:49 +00:00
<p class="card-text text-white pb-2 pt-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor.</p>
add card with image overlay demo
2020-11-24 08:27:57 +00:00
<a href="#" class="text-white">Last update 2 mins ago</a>
</div>
</div>
</div>
<div class="col-md-12 col-lg-6 col-xl-4">
<div class="card mb-2">
fix html validator error
2020-11-25 06:33:04 +00:00
<img class="card-img-top" src="../dist/img/photo2.png" alt="Dist Photo 2">
add card with image overlay demo
2020-11-24 08:27:57 +00:00
<div class="card-img-overlay d-flex flex-column justify-content-center">
<h5 class="card-title text-white mt-5 pt-2">Card Title</h5>
<p class="card-text pb-2 pt-1 text-white">
Lorem ipsum dolor sit amet, <br>
consectetur adipisicing elit <br>
small demo adjustments
2020-11-24 08:28:49 +00:00
sed do eiusmod tempor.
add card with image overlay demo
2020-11-24 08:27:57 +00:00
</p>
small demo adjustments
2020-11-24 08:28:49 +00:00
<a href="#" class="text-white">Last update 15 hours ago</a>
add card with image overlay demo
2020-11-24 08:27:57 +00:00
</div>
</div>
</div>
<div class="col-md-12 col-lg-6 col-xl-4">
<div class="card mb-2">
fix html validator error
2020-11-25 06:33:04 +00:00
<img class="card-img-top" src="../dist/img/photo3.jpg" alt="Dist Photo 3">
add card with image overlay demo
2020-11-24 08:27:57 +00:00
<div class="card-img-overlay">
<h5 class="card-title text-primary">Card Title</h5>
<p class="card-text pb-1 pt-1 text-white">
Lorem ipsum dolor <br>
sit amet, consectetur <br>
adipisicing elit sed <br>
small demo adjustments
2020-11-24 08:28:49 +00:00
do eiusmod tempor. </p>
<a href="#" class="text-primary">Last update 3 days ago</a>
add card with image overlay demo
2020-11-24 08:27:57 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
Dev release
2018-03-17 17:07:55 +00:00
</div><!-- /.container-fluid -->
Reformat code
2015-09-19 18:05:54 +00:00
</section>
<!-- /.content -->
added back to top style & demo inside widget
2019-07-08 16:47:57 +00:00
<a id="back-to-top" href="#" class="btn btn-primary back-to-top" role="button" aria-label="Scroll to top">
<i class="fas fa-chevron-up"></i>
</a>
Reformat code
2015-09-19 18:05:54 +00:00
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
Dev release
2018-03-17 17:07:55 +00:00
<div class="float-right d-none d-sm-block">
bump version
2022-02-07 20:13:09 +00:00
<b>Version</b> 3.2.0
Reformat code
2015-09-19 18:05:54 +00:00
</div>
update copyright to 2021
2021-01-27 07:33:52 +00:00
<strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
Reformat code
2015-09-19 18:05:54 +00:00
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
Add control sidebar
2018-04-14 23:33:53 +00:00
<!-- Control sidebar content goes here -->
Reformat code
2015-09-19 18:05:54 +00:00
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
Dev release
2018-03-17 17:07:55 +00:00
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
Add webpack
2018-02-03 23:45:19 +00:00
<!-- Bootstrap 4 -->
Dev release
2018-03-17 17:07:55 +00:00
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
Reformat code
2015-09-19 18:05:54 +00:00
<!-- AdminLTE App -->
Dev release
2018-03-17 17:07:55 +00:00
<script src="../dist/js/adminlte.min.js"></script>
Reformat code
2015-09-19 18:05:54 +00:00
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
</body>
Fixed demo.js link errors
2014-07-03 16:05:05 +00:00
</html>