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

Format pages - forms

pull/527/head
Dennis Neufeld 2015-06-20 13:11:32 +02:00
parent 4ce12b818c
commit 65d99c7b6c
3 changed files with 121 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
pages/forms/advanced.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Advanced form elements</title> <title>AdminLTE 2 | Advanced form elements</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -16,9 +16,9 @@
<!-- iCheck for checkboxes and radio inputs --> <!-- iCheck for checkboxes and radio inputs -->
<link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" /> <link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" />
<!-- Bootstrap Color Picker --> <!-- Bootstrap Color Picker -->
<link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/> <link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
<!-- Bootstrap time Picker --> <!-- Bootstrap time Picker -->
<link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/> <link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
<!-- Select2 --> <!-- Select2 -->
<link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" /> <link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style --> <!-- Theme style -->
@ -70,7 +70,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -82,7 +82,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -94,7 +94,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -106,7 +106,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -118,7 +118,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -247,7 +247,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -308,9 +308,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -557,7 +557,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask/> <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -567,7 +567,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask/> <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -578,7 +578,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-phone"></i> <i class="fa fa-phone"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask/> <input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -589,7 +589,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-phone"></i> <i class="fa fa-phone"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask/> <input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -600,7 +600,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask/> <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -615,14 +615,14 @@
<!-- Color Picker --> <!-- Color Picker -->
<div class="form-group"> <div class="form-group">
<label>Color picker:</label> <label>Color picker:</label>
<input type="text" class="form-control my-colorpicker1"/> <input type="text" class="form-control my-colorpicker1" />
</div><!-- /.form group --> </div><!-- /.form group -->
<!-- Color Picker --> <!-- Color Picker -->
<div class="form-group"> <div class="form-group">
<label>Color picker with addon:</label> <label>Color picker with addon:</label>
<div class="input-group my-colorpicker2"> <div class="input-group my-colorpicker2">
<input type="text" class="form-control"/> <input type="text" class="form-control" />
<div class="input-group-addon"> <div class="input-group-addon">
<i></i> <i></i>
</div> </div>
@ -634,7 +634,7 @@
<div class="form-group"> <div class="form-group">
<label>Time picker:</label> <label>Time picker:</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control timepicker"/> <input type="text" class="form-control timepicker" />
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-clock-o"></i> <i class="fa fa-clock-o"></i>
</div> </div>
@ -658,7 +658,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control pull-right" id="reservation"/> <input type="text" class="form-control pull-right" id="reservation" />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -669,7 +669,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-clock-o"></i> <i class="fa fa-clock-o"></i>
</div> </div>
<input type="text" class="form-control pull-right" id="reservationtime"/> <input type="text" class="form-control pull-right" id="reservationtime" />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -698,13 +698,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="minimal" checked/> <input type="checkbox" class="minimal" checked />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal"/> <input type="checkbox" class="minimal" />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal" disabled/> <input type="checkbox" class="minimal" disabled />
Minimal skin checkbox Minimal skin checkbox
</label> </label>
</div> </div>
@ -712,13 +712,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r1" class="minimal" checked/> <input type="radio" name="r1" class="minimal" checked />
</label> </label>
<label> <label>
<input type="radio" name="r1" class="minimal"/> <input type="radio" name="r1" class="minimal" />
</label> </label>
<label> <label>
<input type="radio" name="r1" class="minimal" disabled/> <input type="radio" name="r1" class="minimal" disabled />
Minimal skin radio Minimal skin radio
</label> </label>
</div> </div>
@ -728,13 +728,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="minimal-red" checked/> <input type="checkbox" class="minimal-red" checked />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal-red"/> <input type="checkbox" class="minimal-red" />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal-red" disabled/> <input type="checkbox" class="minimal-red" disabled />
Minimal red skin checkbox Minimal red skin checkbox
</label> </label>
</div> </div>
@ -742,13 +742,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r2" class="minimal-red" checked/> <input type="radio" name="r2" class="minimal-red" checked />
</label> </label>
<label> <label>
<input type="radio" name="r2" class="minimal-red"/> <input type="radio" name="r2" class="minimal-red" />
</label> </label>
<label> <label>
<input type="radio" name="r2" class="minimal-red" disabled/> <input type="radio" name="r2" class="minimal-red" disabled />
Minimal red skin radio Minimal red skin radio
</label> </label>
</div> </div>
@ -758,13 +758,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="flat-red" checked/> <input type="checkbox" class="flat-red" checked />
</label> </label>
<label> <label>
<input type="checkbox" class="flat-red"/> <input type="checkbox" class="flat-red" />
</label> </label>
<label> <label>
<input type="checkbox" class="flat-red" disabled/> <input type="checkbox" class="flat-red" disabled />
Flat green skin checkbox Flat green skin checkbox
</label> </label>
</div> </div>
@ -772,13 +772,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r3" class="flat-red" checked/> <input type="radio" name="r3" class="flat-red" checked />
</label> </label>
<label> <label>
<input type="radio" name="r3" class="flat-red"/> <input type="radio" name="r3" class="flat-red" />
</label> </label>
<label> <label>
<input type="radio" name="r3" class="flat-red" disabled/> <input type="radio" name="r3" class="flat-red" disabled />
Flat green skin radio Flat green skin radio
</label> </label>
</div> </div>
@ -812,9 +812,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -823,7 +823,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -832,7 +832,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -841,7 +841,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -852,9 +852,9 @@
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
@ -865,7 +865,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
@ -876,7 +876,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
@ -887,7 +887,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
@ -964,12 +964,11 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Select2 --> <!-- Select2 -->
@ -990,7 +989,7 @@
<!-- iCheck 1.0.1 --> <!-- iCheck 1.0.1 -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
@ -1058,6 +1057,5 @@
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

77
pages/forms/editors.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Dashboard</title> <title>AdminLTE 2 | Dashboard</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -62,7 +62,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -74,7 +74,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -86,7 +86,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -98,7 +98,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -110,7 +110,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -150,7 +150,6 @@
<i class="fa fa-users text-red"></i> 5 new members joined <i class="fa fa-users text-red"></i> 5 new members joined
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-shopping-cart text-green"></i> 25 sales made <i class="fa fa-shopping-cart text-green"></i> 25 sales made
@ -239,7 +238,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -300,9 +299,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -464,18 +463,18 @@
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<div class='row'> <div class="row">
<div class='col-md-12'> <div class="col-md-12">
<div class='box box-info'> <div class="box box-info">
<div class='box-header'> <div class="box-header">
<h3 class='box-title'>CK Editor <small>Advanced and full of features</small></h3> <h3 class="box-title">CK Editor <small>Advanced and full of features</small></h3>
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button class="btn btn-info btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-info btn-sm" data-widget='remove' data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
</div><!-- /. tools --> </div><!-- /. tools -->
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body pad'> <div class="box-body pad">
<form> <form>
<textarea id="editor1" name="editor1" rows="10" cols="80"> <textarea id="editor1" name="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor. This is my textarea to be replaced with CKEditor.
@ -484,16 +483,16 @@
</div> </div>
</div><!-- /.box --> </div><!-- /.box -->
<div class='box'> <div class="box">
<div class='box-header'> <div class="box-header">
<h3 class='box-title'>Bootstrap WYSIHTML5 <small>Simple and fast</small></h3> <h3 class="box-title">Bootstrap WYSIHTML5 <small>Simple and fast</small></h3>
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button class="btn btn-default btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-default btn-sm" data-widget='remove' data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> <button class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
</div><!-- /. tools --> </div><!-- /. tools -->
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body pad'> <div class="box-body pad">
<form> <form>
<textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea> <textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
</form> </form>
@ -522,9 +521,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -533,7 +532,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -542,7 +541,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -551,7 +550,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -562,9 +561,9 @@
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
@ -575,7 +574,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
@ -586,7 +585,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
@ -597,7 +596,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
@ -674,22 +673,21 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js" type="text/javascript"></script> <script src="../../dist/js/demo.js" type="text/javascript"></script>
<!-- CK Editor --> <!-- CK Editor -->
<script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js"></script> <script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 --> <!-- Bootstrap WYSIHTML5 -->
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script> <script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
@ -701,6 +699,5 @@
$(".textarea").wysihtml5(); $(".textarea").wysihtml5();
}); });
</script> </script>
</body> </body>
</html> </html>

64
pages/forms/general.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Dashboard</title> <title>AdminLTE 2 | Dashboard</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,7 +237,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -300,7 +300,7 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..."/>
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -671,11 +671,11 @@
<!-- text input --> <!-- text input -->
<div class="form-group"> <div class="form-group">
<label>Text</label> <label>Text</label>
<input type="text" class="form-control" placeholder="Enter ..."/> <input type="text" class="form-control" placeholder="Enter ..." />
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Text Disabled</label> <label>Text Disabled</label>
<input type="text" class="form-control" placeholder="Enter ..." disabled/> <input type="text" class="form-control" placeholder="Enter ..." disabled />
</div> </div>
<!-- textarea --> <!-- textarea -->
@ -691,36 +691,36 @@
<!-- input states --> <!-- input states -->
<div class="form-group has-success"> <div class="form-group has-success">
<label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label> <label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label>
<input type="text" class="form-control" id="inputSuccess" placeholder="Enter ..."/> <input type="text" class="form-control" id="inputSuccess" placeholder="Enter ..." />
</div> </div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label> <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label>
<input type="text" class="form-control" id="inputWarning" placeholder="Enter ..."/> <input type="text" class="form-control" id="inputWarning" placeholder="Enter ..." />
</div> </div>
<div class="form-group has-error"> <div class="form-group has-error">
<label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label> <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label>
<input type="text" class="form-control" id="inputError" placeholder="Enter ..."/> <input type="text" class="form-control" id="inputError" placeholder="Enter ..." />
</div> </div>
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox"/> <input type="checkbox" />
Checkbox 1 Checkbox 1
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox"/> <input type="checkbox" />
Checkbox 2 Checkbox 2
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" disabled/> <input type="checkbox" disabled />
Checkbox disabled Checkbox disabled
</label> </label>
</div> </div>
@ -730,19 +730,19 @@
<div class="form-group"> <div class="form-group">
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked />>
Option one is this and that&mdash;be sure to include why it's great Option one is this and that&mdash;be sure to include why it's great
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />>
Option two can be something else and selecting it will deselect option one Option two can be something else and selecting it will deselect option one
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled/> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled />
Option three is disabled Option three is disabled
</label> </label>
</div> </div>
@ -819,9 +819,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -830,7 +830,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -839,7 +839,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -848,7 +848,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -859,9 +859,9 @@
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
@ -872,7 +872,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
@ -883,7 +883,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
@ -894,7 +894,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
@ -971,15 +971,15 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->