Changes and Updates

  ... other elements and content here ...

 ace.settings.sidebar_fixed(null, true|false, true|false);//first element is null or reference to sidebar element
 //or
 ace.settings.sidebar_fixed(document.getElementById('sidebar'), true|false, true|false);

 ace.sidebar_scroll(jQuery, {
   {
     'scroll_to_active': true,
     'include_shortcuts': true,
     'include_toggle': false,
     'smooth_scroll': 200,
     'outside': false
   }
 });

<!--[if lte IE 9>
<link rel="stylesheet" href="path/to/assets/ace-ie.min.css" />
<![endif]-->

1. sidenav_navList sidebar_items
2. topbar* navbar*
3. sidenav* sidebar*

1. nextIcon and prevIcon options for daterangepicker plugin
2. Added function.bind for IE in html5shiv (used by easypiechart)
3. Added bootboxes to markdown editor
4. And modified/customized a few things with FuelUX plugins

• Use .row instead of .row-fluid
• Use .col-xs-* .col-sm-* .col-md-* .col-lg-* instead of .span*
  With Bootstrap 2.x it was alright to randomly have .row-fluid elements without .span* children.
  But with Bootstrap 3, you should remove those unused .row (previously .row-fluid) elements that don't need/contain .col-*-* (previously .span*) inside them and use .clearfix class if it has floating children or use no class at all.
• Use .btn-xs .btn-sm .btn-lg instead of .btn-mini .btn-small .btn-large
• Use .well-sm .well-lg instead of .well-small .well-large
• Use .input-group instead of .input-append and .input-prepend
• Update Bootstrap's modal dialog HTML code:
  Now it needs .modal-dialog .modal-content classes and the .modal doesn't need .hide class.
• Bootstrap event names have been namespaced, so for example instead of $('#myModal').on('shown' , ...) we now have $('#myModal').on('shown.bs.modal' , ...)
• No need for bootstrap-responsive.css or ace-responsive.css now.
  They have been integrated with main CSS files.
• No need for <span class="divider"><i class="arrow-icon"></i></span> as breadcrumbs divider.
• Images were responsive by default, i.e. they were limited to their container's size. Now you should use .img-responsive class.
• Use .dropdown-header instead of .nav-header. This applies to user dropdown menus inside navbar.
• Default typeahead plugin in Bootstrap 2 has been remove in BS3.
  I've included that in Ace's Javascript file.
  It is used in search box and also Tag Input plugin.
  If you don't need it, you can build a custom Javascript without it.
• Bootstrap 3 is now setting the CSS rule box-sizing:border-box on all HTML elements.
  It means that if you had custom elements with specific dimensions, paddings and borders that relied on default browser value of box-sizing:contet-box you may now want to recalculate those values.
  Also many third party plugins rely on the default browser value content-box.
  Some of them are reset in assets/css/less/bs3-reset.less
  See this for more info: http://getbootstrap.com/getting-started/#third-box-sizing

<div class="form-group">
  <label for="id-username" class="col-sm-3 control-label no-padding-right">
    Text Field
  </label>
  <div class="col-sm-9">
    <input type="text" class="col-xs-10 col-sm-5" placeholder="Username" id="id-username">
  </div>
</div>

So for example in CSS files where we had:
#main-content { ... }

It has been changed to:
.main-content { ... }

The element in HTML code still keeps the ID attribute, so previous Javascript code should work as expected.

<div class="main-container" id="main-container">
   ...
</div>

...

<a class="menu-toggler" id="menu-toggler">
   <span class="toggler-text"></span>
</a>
				

• #user_info .user-info (Topright user menu)
• #user_menu .user-menu
• #menu-toggler .menu-toggler
• #sidebar .sidebar
• #sidebar-shortcuts .sidebar-shortcuts
• #sidebar-shortcuts-large .sidebar-shortcuts-large
• #sidebar-shortcuts-mini .sidebar-shortcuts-mini
• #sidebar-collapse .sidebar-collapse
• #main-container .main-container
• #main-content .main-content
• #page-content .page-content
• #breadcrumbs .breadcrumbs
• #nav-search .nav-search
• #nav-search-input .nav-search-input
• #nav-search-icon .nav-search-icon
• #ace-settings-container .ace-settings-container
• #ace-settings-btn .ace-settings-btn
• #ace-settings-box .ace-settings-box
• #btn-scroll-up .btn-scroll-up

<li>
  <a href="index.html">
    <i class="ace-icon fa fa-tachometer"></i>
    <span class="menu-text">Dashboard</span>
  </a>
</li>

<a href="#" class="menu-toggler" id="menu-toggler">
   <span class="toggler-text"></span>
</li>

<a href="#" class="btn btn-app btn-primary">
   <i class="ace-icon fa fa-envelope bigger-200"></i>
   Email
</li>

1. path: Path to the folder or file you want to update.
2. ext: if specified only this extensions will be updated.