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

1435 lines
85 KiB
HTML
Raw Normal View History

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
<!DOCTYPE html>
HTML: specify lang. (#2730)
2020-05-31 11:09:01 +00:00
<html lang="en">
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
<head>
<meta charset="utf-8">
<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 | Navbar & Tabs</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">
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
<!-- 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">
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
<!-- SweetAlert2 -->
<link rel="stylesheet" href="../../plugins/sweetalert2/sweetalert2.min.css">
<!-- Toastr -->
<link rel="stylesheet" href="../../plugins/toastr/toastr.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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">
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
<!-- 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>
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>
<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>
<!-- 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>
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
<!-- Messages Dropdown Menu -->
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#">
<i class="far fa-comments"></i>
<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
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
</h3>
<p class="text-sm">Call me whenever you can
</p>
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
</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
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
</h3>
<p class="text-sm">I got your message bro</p>
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
</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
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
</h3>
<p class="text-sm">The subject goes here</p>
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
</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="#">
<i class="far fa-bell"></i>
<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">
<i class="fas fa-envelope mr-2"></i> 4 new messages
<span class="float-right text-muted text-sm">3 mins</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-users mr-2"></i> 8 friend requests
<span class="float-right text-muted text-sm">12 hours</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-file mr-2"></i> 3 new reports
<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>
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">
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">
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
<i class="fas fa-th-large"></i>
</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">
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
<span class="brand-text font-weight-light">AdminLTE 3</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user (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>
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
<!-- 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">
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
<a href="#" class="nav-link">
<i class="nav-icon fas fa-tachometer-alt"></i>
<p>
Dashboard
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../../index.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v1</p>
</a>
</li>
<li class="nav-item">
<a href="../../index2.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v2</p>
</a>
</li>
<li class="nav-item">
<a href="../../index3.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v3</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="../widgets.html" class="nav-link">
<i class="nav-icon fas fa-th"></i>
<p>
Widgets
<span class="right badge badge-danger">New</span>
</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 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
<a href="#" class="nav-link">
<i class="nav-icon fas fa-copy"></i>
<p>
Layout Options
<i class="fas fa-angle-left right"></i>
<span class="badge badge-info right">6</span>
</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>
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="../layout/boxed.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Boxed</p>
</a>
</li>
<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">
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
<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>
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
</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>
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="../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>
<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">
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
<a href="#" class="nav-link">
<i class="nav-icon fas fa-chart-pie"></i>
<p>
Charts
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../charts/chartjs.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>ChartJS</p>
</a>
</li>
<li class="nav-item">
<a href="../charts/flot.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Flot</p>
</a>
</li>
<li class="nav-item">
<a href="../charts/inline.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inline</p>
</a>
</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>
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
</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 menu-open">
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
<a href="#" class="nav-link active">
<i class="nav-icon fas fa-tree"></i>
<p>
UI Elements
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../UI/general.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>General</p>
</a>
</li>
<li class="nav-item">
<a href="../UI/icons.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Icons</p>
</a>
</li>
<li class="nav-item">
<a href="../UI/buttons.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Buttons</p>
</a>
</li>
<li class="nav-item">
<a href="../UI/sliders.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Sliders</p>
</a>
</li>
<li class="nav-item">
<a href="../UI/modals.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Modals & Alerts</p>
</a>
</li>
<li class="nav-item">
<a href="../UI/navbar.html" class="nav-link active">
<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">
<a href="../UI/timeline.html" class="nav-link">
<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>
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
</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">
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
<a href="#" class="nav-link">
<i class="nav-icon fas fa-edit"></i>
<p>
Forms
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../forms/general.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>General Elements</p>
</a>
</li>
<li class="nav-item">
<a href="../forms/advanced.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Advanced Elements</p>
</a>
</li>
<li class="nav-item">
<a href="../forms/editors.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Editors</p>
</a>
</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>
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
</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">
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
<a href="#" class="nav-link">
<i class="nav-icon fas fa-table"></i>
<p>
Tables
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../tables/simple.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Simple Tables</p>
</a>
</li>
<li class="nav-item">
<a href="../tables/data.html" class="nav-link">
<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>
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
</a>
</li>
</ul>
</li>
<li class="nav-header">EXAMPLES</li>
<li class="nav-item">
<a href="../calendar.html" class="nav-link">
<i class="nav-icon far fa-calendar-alt"></i>
<p>
Calendar
<span class="badge badge-info right">2</span>
</p>
</a>
</li>
created new gallery page - added filterizr to plugins - created gallery demo
2019-08-28 09:42:16 +00:00
<li class="nav-item">
<a href="../gallery.html" class="nav-link">
<i class="nav-icon far fa-image"></i>
<p>
Gallery
</p>
</a>
</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">
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
<a href="#" class="nav-link">
<i class="nav-icon far fa-envelope"></i>
<p>
Mailbox
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../mailbox/mailbox.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inbox</p>
</a>
</li>
<li class="nav-item">
<a href="../mailbox/compose.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Compose</p>
</a>
</li>
<li class="nav-item">
<a href="../mailbox/read-mail.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<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">
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
<a href="#" class="nav-link">
<i class="nav-icon fas fa-book"></i>
<p>
Pages
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="../examples/invoice.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Invoice</p>
</a>
</li>
<li class="nav-item">
<a href="../examples/profile.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<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">
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">
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>
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="../examples/lockscreen.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<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>
added language menu demo
2019-07-10 15:01:30 +00:00
<li class="nav-item">
<a href="../examples/language-menu.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Language Menu</p>
</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="../examples/404.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Error 404</p>
</a>
</li>
<li class="nav-item">
<a href="../examples/500.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<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>
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="../examples/blank.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Blank Page</p>
</a>
</li>
<li class="nav-item">
<a href="../../starter.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Starter Page</p>
</a>
</li>
</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>
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-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>
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">
update docs link
2020-11-25 09:12:46 +00:00
<a href="https://adminlte.io/docs/3.1/" class="nav-link">
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
<i class="nav-icon fas fa-file"></i>
<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>
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-header">LABELS</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon far fa-circle text-danger"></i>
<p class="text">Important</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon far fa-circle text-warning"></i>
<p>Warning</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon far fa-circle text-info"></i>
<p>Informational</p>
</a>
</li>
</ul>
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Navbar & Tabs
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
<small>new</small>
</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">Navbar & Tabs</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card card-primary card-outline">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-edit"></i>
Navbar Examples
</h3>
</div>
<div class="card-body">
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<div class="row">
<div class="col-12 col-md-6">
<h4>Default Navbar <small>(navbar-light)</small></h4>
<nav class="navbar navbar-expand navbar-light">
<!-- 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>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" 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>
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
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<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>
</div>
</div>
</form>
</nav>
</div>
<div class="col-12 col-md-6">
<h4>Default Navbar <small>(navbar-white navbar-light)</small></h4>
<nav class="navbar navbar-expand navbar-white navbar-light">
<!-- 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>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" 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>
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
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<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>
</div>
</div>
</form>
</nav>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<h4 class="mt-4">Primary Navbar <small><b>recommended</b> (navbar-primary navbar-dark)</small></h4>
<nav class="navbar navbar-expand navbar-primary navbar-dark">
<!-- 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>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" 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>
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
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<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>
</div>
</div>
</form>
</nav>
</div>
<div class="col-12 col-md-6">
<h4 class="mt-4">Primary Navbar <small>(navbar-primary navbar-light)</small></h4>
<nav class="navbar navbar-expand navbar-primary navbar-light">
<!-- 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>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" 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>
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
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<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>
</div>
</div>
</form>
</nav>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<h4 class="mt-4">Orange Navbar <small><b>recommended</b> (navbar-orange navbar-light)</small></h4>
<nav class="navbar navbar-expand navbar-orange navbar-light">
<!-- 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>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" 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>
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
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<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>
</div>
</div>
</form>
</nav>
</div>
<div class="col-12 col-md-6">
<h4 class="mt-4">Orange Navbar <small>(navbar-orange navbar-dark)</small></h4>
<nav class="navbar navbar-expand navbar-orange navbar-dark">
<!-- 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>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" 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>
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<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>
</div>
</div>
</form>
</nav>
</div>
</div>
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
</div>
<!-- /.card -->
</div>
</div>
<!-- /.col -->
</div>
<!-- ./row -->
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<div class="row">
<div class="col-12">
fixed card default border after adding nav tabs support - placed default card tabs style into .card-tabs - updated demo
2019-11-02 07:59:45 +00:00
<h4>Nav Tabs inside Card Header <small>card-tabs / card-outline-tabs</small></h4>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
</div>
<!-- ./row -->
<div class="row">
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
<div class="col-12 col-sm-6">
fixed card default border after adding nav tabs support - placed default card tabs style into .card-tabs - updated demo
2019-11-02 07:59:45 +00:00
<div class="card card-primary card-tabs">
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<div class="card-header p-0 pt-1">
<ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Messages</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-one-settings-tab" data-toggle="pill" href="#custom-tabs-one-settings" role="tab" aria-controls="custom-tabs-one-settings" aria-selected="false">Settings</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-one-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
<div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
<div class="tab-pane fade" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
<div class="tab-pane fade" id="custom-tabs-one-settings" role="tabpanel" aria-labelledby="custom-tabs-one-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
<div class="col-12 col-sm-6">
<div class="card card-primary card-tabs">
<div class="card-header p-0 pt-1">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<ul class="nav nav-tabs" id="custom-tabs-two-tab" role="tablist">
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
<li class="pt-2 px-3"><h3 class="card-title">Card Title</h3></li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link active" id="custom-tabs-two-home-tab" data-toggle="pill" href="#custom-tabs-two-home" role="tab" aria-controls="custom-tabs-two-home" aria-selected="true">Home</a>
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-two-profile-tab" data-toggle="pill" href="#custom-tabs-two-profile" role="tab" aria-controls="custom-tabs-two-profile" aria-selected="false">Profile</a>
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-two-messages-tab" data-toggle="pill" href="#custom-tabs-two-messages" role="tab" aria-controls="custom-tabs-two-messages" aria-selected="false">Messages</a>
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-two-settings-tab" data-toggle="pill" href="#custom-tabs-two-settings" role="tab" aria-controls="custom-tabs-two-settings" aria-selected="false">Settings</a>
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</li>
</ul>
</div>
<div class="card-body">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-content" id="custom-tabs-two-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-two-home" role="tabpanel" aria-labelledby="custom-tabs-two-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-two-profile" role="tabpanel" aria-labelledby="custom-tabs-two-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-two-messages" role="tabpanel" aria-labelledby="custom-tabs-two-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-two-settings" role="tabpanel" aria-labelledby="custom-tabs-two-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6">
fixed card default border after adding nav tabs support - placed default card tabs style into .card-tabs - updated demo
2019-11-02 07:59:45 +00:00
<div class="card card-primary card-outline card-tabs">
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<div class="card-header p-0 pt-1 border-bottom-0">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">Home</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">Profile</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-three-messages-tab" data-toggle="pill" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">Messages</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-three-settings-tab" data-toggle="pill" href="#custom-tabs-three-settings" role="tab" aria-controls="custom-tabs-three-settings" aria-selected="false">Settings</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
</ul>
</div>
<div class="card-body">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-content" id="custom-tabs-three-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-three-settings" role="tabpanel" aria-labelledby="custom-tabs-three-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
enhanced nav tabs inside card-header demo
2020-02-06 07:03:00 +00:00
<div class="col-12 col-sm-6">
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<div class="card card-primary card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">Home</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-four-profile-tab" data-toggle="pill" href="#custom-tabs-four-profile" role="tab" aria-controls="custom-tabs-four-profile" aria-selected="false">Profile</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-four-messages-tab" data-toggle="pill" href="#custom-tabs-four-messages" role="tab" aria-controls="custom-tabs-four-messages" aria-selected="false">Messages</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
<li class="nav-item">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<a class="nav-link" id="custom-tabs-four-settings-tab" data-toggle="pill" href="#custom-tabs-four-settings" role="tab" aria-controls="custom-tabs-four-settings" aria-selected="false">Settings</a>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</li>
</ul>
</div>
<div class="card-body">
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-content" id="custom-tabs-four-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel" aria-labelledby="custom-tabs-four-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-four-messages" role="tabpanel" aria-labelledby="custom-tabs-four-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
NavBar Example had duplicated ids (#2613) Fixed duplicated ids on NavBar Example page
2020-03-23 17:35:24 +00:00
<div class="tab-pane fade" id="custom-tabs-four-settings" role="tabpanel" aria-labelledby="custom-tabs-four-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
</div>
Overlay for tab-panels (#2612) * Overlay for tab-panels Don't know if i did it right, double check plz... There's a way to avoid the use of a overlay-wrapper? i'm not good in css.... * Update navbar.html
2020-03-23 19:08:57 +00:00
<div class="row">
<div class="col-12">
<h4>Nav Tabs Overlay for loading</h4>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card card-primary card-tabs">
<div class="card-header p-0 pt-1">
<ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-tabs-five-overlay-tab" data-toggle="pill" href="#custom-tabs-five-overlay" role="tab" aria-controls="custom-tabs-five-overlay" aria-selected="true">Overlay</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-five-overlay-dark-tab" data-toggle="pill" href="#custom-tabs-five-overlay-dark" role="tab" aria-controls="custom-tabs-five-overlay-dark" aria-selected="false">Overlay Dark</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-five-normal-tab" data-toggle="pill" href="#custom-tabs-five-normal" role="tab" aria-controls="custom-tabs-five-normal" aria-selected="false">Normal Tab</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-five-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-five-overlay" role="tabpanel" aria-labelledby="custom-tabs-five-overlay-tab">
<div class="overlay-wrapper">
<div class="overlay"><i class="fas fa-3x fa-sync-alt fa-spin"></i><div class="text-bold pt-2">Loading...</div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
</div>
</div>
<div class="tab-pane fade" id="custom-tabs-five-overlay-dark" role="tabpanel" aria-labelledby="custom-tabs-five-overlay-dark-tab">
<div class="overlay-wrapper">
<div class="overlay dark"><i class="fas fa-3x fa-sync-alt fa-spin"></i><div class="text-bold pt-2">Loading...</div></div>
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
</div>
</div>
<div class="tab-pane fade" id="custom-tabs-five-normal" role="tabpanel" aria-labelledby="custom-tabs-five-normal-tab">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
</div>
</div>
</div>
<!-- /.card -->
</div>
</div>
</div>
added ability to add nav tabs inside card header - added demo in pages/UI/navbar.html - added style for top border for .card-outline-tabs - overhauled a bit the navbar demo section
2019-09-20 08:51:07 +00:00
<!-- /.row -->
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
<div class="card card-primary card-outline">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-edit"></i>
Vertical Tabs Examples
</h3>
</div>
<div class="card-body">
<h4>Left Sided</h4>
<div class="row">
updated some demos - added dropdown-hover for "Hover for action" in layout/top-nav - changed bootstrap modal info text in UI/modals - updated vertical tabs examples for a better mobile view
2019-08-31 07:50:32 +00:00
<div class="col-5 col-sm-3">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
<a class="nav-link active" id="vert-tabs-home-tab" data-toggle="pill" href="#vert-tabs-home" role="tab" aria-controls="vert-tabs-home" aria-selected="true">Home</a>
<a class="nav-link" id="vert-tabs-profile-tab" data-toggle="pill" href="#vert-tabs-profile" role="tab" aria-controls="vert-tabs-profile" aria-selected="false">Profile</a>
<a class="nav-link" id="vert-tabs-messages-tab" data-toggle="pill" href="#vert-tabs-messages" role="tab" aria-controls="vert-tabs-messages" aria-selected="false">Messages</a>
<a class="nav-link" id="vert-tabs-settings-tab" data-toggle="pill" href="#vert-tabs-settings" role="tab" aria-controls="vert-tabs-settings" aria-selected="false">Settings</a>
</div>
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
</div>
updated some demos - added dropdown-hover for "Hover for action" in layout/top-nav - changed bootstrap modal info text in UI/modals - updated vertical tabs examples for a better mobile view
2019-08-31 07:50:32 +00:00
<div class="col-7 col-sm-9">
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
<div class="tab-content" id="vert-tabs-tabContent">
updated some demos - added dropdown-hover for "Hover for action" in layout/top-nav - changed bootstrap modal info text in UI/modals - updated vertical tabs examples for a better mobile view
2019-08-31 07:50:32 +00:00
<div class="tab-pane text-left fade show active" id="vert-tabs-home" role="tabpanel" aria-labelledby="vert-tabs-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
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
</div>
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
<div class="tab-pane fade" id="vert-tabs-profile" role="tabpanel" aria-labelledby="vert-tabs-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="vert-tabs-messages" role="tabpanel" aria-labelledby="vert-tabs-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="vert-tabs-settings" role="tabpanel" aria-labelledby="vert-tabs-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
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
</div>
</div>
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
</div>
<h4 class="mt-4">Right Sided <small>(nav-tabs-right)</small></h4>
<div class="row">
updated some demos - added dropdown-hover for "Hover for action" in layout/top-nav - changed bootstrap modal info text in UI/modals - updated vertical tabs examples for a better mobile view
2019-08-31 07:50:32 +00:00
<div class="col-7 col-sm-9">
fixed right sided vertical nav tabs demo
2019-09-19 07:59:44 +00:00
<div class="tab-content" id="vert-tabs-right-tabContent">
<div class="tab-pane fade show active" id="vert-tabs-right-home" role="tabpanel" aria-labelledby="vert-tabs-right-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
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
</div>
fixed right sided vertical nav tabs demo
2019-09-19 07:59:44 +00:00
<div class="tab-pane fade" id="vert-tabs-right-profile" role="tabpanel" aria-labelledby="vert-tabs-right-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
fixed right sided vertical nav tabs demo
2019-09-19 07:59:44 +00:00
<div class="tab-pane fade" id="vert-tabs-right-messages" role="tabpanel" aria-labelledby="vert-tabs-right-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
fixed right sided vertical nav tabs demo
2019-09-19 07:59:44 +00:00
<div class="tab-pane fade" id="vert-tabs-right-settings" role="tabpanel" aria-labelledby="vert-tabs-right-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
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
</div>
</div>
</div>
updated some demos - added dropdown-hover for "Hover for action" in layout/top-nav - changed bootstrap modal info text in UI/modals - updated vertical tabs examples for a better mobile view
2019-08-31 07:50:32 +00:00
<div class="col-5 col-sm-3">
fixed right sided vertical nav tabs demo
2019-09-19 07:59:44 +00:00
<div class="nav flex-column nav-tabs nav-tabs-right h-100" id="vert-tabs-right-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="vert-tabs-right-home-tab" data-toggle="pill" href="#vert-tabs-right-home" role="tab" aria-controls="vert-tabs-right-home" aria-selected="true">Home</a>
<a class="nav-link" id="vert-tabs-right-profile-tab" data-toggle="pill" href="#vert-tabs-right-profile" role="tab" aria-controls="vert-tabs-right-profile" aria-selected="false">Profile</a>
<a class="nav-link" id="vert-tabs-right-messages-tab" data-toggle="pill" href="#vert-tabs-right-messages" role="tab" aria-controls="vert-tabs-right-messages" aria-selected="false">Messages</a>
<a class="nav-link" id="vert-tabs-right-settings-tab" data-toggle="pill" href="#vert-tabs-right-settings" role="tab" aria-controls="vert-tabs-right-settings" aria-selected="false">Settings</a>
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
</div>
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
</div>
</div>
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
<!-- /.card -->
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
</div>
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
<!-- /.card -->
<div class="card card-primary card-outline">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-edit"></i>
Tabs Custom Content Examples
</h3>
</div>
<div class="card-body">
<h4>Custom Content Below</h4>
<ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-content-below-home-tab" data-toggle="pill" href="#custom-content-below-home" role="tab" aria-controls="custom-content-below-home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-content-below-messages-tab" data-toggle="pill" href="#custom-content-below-messages" role="tab" aria-controls="custom-content-below-messages" aria-selected="false">Messages</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-content-below-settings-tab" data-toggle="pill" href="#custom-content-below-settings" role="tab" aria-controls="custom-content-below-settings" aria-selected="false">Settings</a>
</li>
</ul>
<div class="tab-content" id="custom-content-below-tabContent">
<div class="tab-pane fade show active" id="custom-content-below-home" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="custom-content-below-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="custom-content-below-messages" role="tabpanel" aria-labelledby="custom-content-below-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="custom-content-below-settings" role="tabpanel" aria-labelledby="custom-content-below-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
</div>
<div class="tab-custom-content">
<p class="lead mb-0">Custom Content goes here</p>
</div>
<h4 class="mt-5 ">Custom Content Above</h4>
<ul class="nav nav-tabs" id="custom-content-above-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-content-above-home-tab" data-toggle="pill" href="#custom-content-above-home" role="tab" aria-controls="custom-content-above-home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-content-above-profile-tab" data-toggle="pill" href="#custom-content-above-profile" role="tab" aria-controls="custom-content-above-profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-content-above-messages-tab" data-toggle="pill" href="#custom-content-above-messages" role="tab" aria-controls="custom-content-above-messages" aria-selected="false">Messages</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-content-above-settings-tab" data-toggle="pill" href="#custom-content-above-settings" role="tab" aria-controls="custom-content-above-settings" aria-selected="false">Settings</a>
</li>
</ul>
<div class="tab-custom-content">
<p class="lead mb-0">Custom Content goes here</p>
</div>
<div class="tab-content" id="custom-content-above-tabContent">
<div class="tab-pane fade show active" id="custom-content-above-home" role="tabpanel" aria-labelledby="custom-content-above-home-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna feugiat commodo. Etiam odio magna, mollis auctor felis vitae, ullamcorper ornare ligula. Proin pellentesque tincidunt nisi, vitae ullamcorper felis aliquam id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin id orci eu lectus blandit suscipit. Phasellus porta, ante et varius ornare, sem enim sollicitudin eros, at commodo leo est vitae lacus. Etiam ut porta sem. Proin porttitor porta nisl, id tempor risus rhoncus quis. In in quam a nibh cursus pulvinar non consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="custom-content-above-profile" role="tabpanel" aria-labelledby="custom-content-above-profile-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sollicitudin, nisi a luctus interdum, nisl ligula placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="custom-content-above-messages" role="tabpanel" aria-labelledby="custom-content-above-messages-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce nec hendrerit sem, ac tristique nulla. Integer vestibulum orci odio. Cras nec augue ipsum. Suspendisse ut velit condimentum, mattis urna a, malesuada nunc. Curabitur eleifend facilisis velit finibus tristique. Nam vulputate, eros non luctus efficitur, ipsum odio volutpat massa, sit amet sollicitudin est libero sed ipsum. Nulla lacinia, ex vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
<div class="tab-pane fade" id="custom-content-above-settings" role="tabpanel" aria-labelledby="custom-content-above-settings-tab">
Remove trailing spaces
2020-06-02 09:15:14 +00:00
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
added custom tab content class & demo in pages/UI/navbar
2019-07-28 12:17:36 +00:00
</div>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.card -->
</div>
<!-- /.container-fluid -->
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
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
<div class="float-right d-none d-sm-block">
bump version to v3.1.0-rc
2020-11-25 08:15:50 +00:00
<b>Version</b> 3.1.0-rc
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
</div>
Unbreak lines (#2814)
2020-06-05 14:36:57 +00:00
<strong>Copyright &copy; 2014-2020 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
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
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="../../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
</body>
</html>