JSFiddle

  • Bootstrap Menu example #3 is the latest revision

    Brand Logo

    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    
    <div class="nav-side-menu">
      <div class="brand">Brand Logo</div>
      <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
    
      <div class="menu-list">
    
        <ul id="menu-content" class="menu-content collapse out">
          <li>
            <a href="#">
              <i class="fa fa-dashboard fa-lg"></i> Dashboard
            </a>
          </li>
    
          <li data-toggle="collapse" data-target="#products" class="collapsed active">
            <a href="#"><i class="fa fa-gift fa-lg"></i> UI Elements <span class="arrow"></span></a>
          </li>
          <ul class="sub-menu collapse" id="products">
            <li class="active"><a href="#">CSS3 Animation</a></li>
            <li><a href="#">General</a></li>
            <li><a href="#">Buttons</a></li>
            <li><a href="#">Tabs & Accordions</a></li>
            <li><a href="#">Typography</a></li>
            <li><a href="#">FontAwesome</a></li>
            <li><a href="#">Slider</a></li>
            <li><a href="#">Panels</a></li>
            <li><a href="#">Widgets</a></li>
            <li><a href="#">Bootstrap Model</a></li>
          </ul>
    
    
          <li data-toggle="collapse" data-target="#service" class="collapsed">
            <a href="#"><i class="fa fa-globe fa-lg"></i> Services <span class="arrow"></span></a>
          </li>
          <ul class="sub-menu collapse" id="service">
            <li>New ...</li></ul></ul></div></div>
  • Kendo_DatePicker get date [Stackoverflow example do not delete]

    Get date as UTC

    $(document).ready(function() {
      // create DatePicker from input HTML element
      $("#datepicker1").kendoDatePicker();
    
      $("#monthpicker1").kendoDatePicker({
        // defines the start view
        start: "year",
    
        // defines ...
  • Fixed header grid V4 (Telerik grid)

    jQuery 1.9.1, HTML, CSS, JavaScript

    // Resize example here: http://jsfiddle.net/dimodi/4eNu4/2/
    // CSS to set it to fixed height: http://www.telerik.com ...
  • Fixed header grid V3 (two tables)

    jQuery 1.9.1, HTML, CSS, JavaScript

    $('#hideOrShowBtn').click(function() {
      var $searchCanvas = $('.search-canvas');
      var currentState = $searchCanvas.attr('search-layout-state');
    
      if (currentState == "pinned") {
        $searchCanvas.attr('search-layout-state', "closed");
      } else {
        $searchCanvas ...
  • Fixed header grid V2

    Second attempt

    $('#hideOrShowBtn').click(function() {
      var $searchCanvas = $('.search-canvas');
      var currentState = $searchCanvas.attr('search-layout-state');
    
      if (currentState == "pinned") {
        $searchCanvas.attr('search-layout-state', "closed");
      } else {
        $searchCanvas ...
  • Fixed header grid #12 is the latest revision

    Body scroll and header stays. Table also flows under panel to the right.

    $('#hideOrShowBtn').click(function() {
      var $searchCanvas = $('.search-canvas');
      var currentState = $searchCanvas.attr('search-layout-state');
    
      if (currentState == "pinned") {
        $searchCanvas.attr('search-layout-state', "closed");
      } else {
        $searchCanvas ...
  • JavaScript arguments - remove the first one

    Shows how to remove the first argument and pass the rest to a new function

    function firstFunctionA(a, b, c) {
      $("#f1a").text(a);
      $("#f1b").text(b);
      $("#f1c").text(c);
    
      secondFunction([...arguments].slice(1)); // passing an ...
  • Kendo_DropdowList example

    can template syntax access parent data

    var viewModelDivId = "#myViewDiv";
    
    // Viewmodel
    var viewModel = kendo.observable({
        parentId: 2344,
        name: 'Harry Potter',
        hairColor: 'Black',
        stateDisabled: false,
        stateId: 1,
        statesLookup ...
  • Kendo_Template test

    can template syntax access parent data

    var viewModelDivId = "#myViewDiv";
    
    // Viewmodel
    var viewModel = kendo.observable({
        parentId: 2344,
        rows: [{
            color: 'red'
        }, {
            color: 'white'
        }, {
            color: 'blue'
        }],
    });
    
    // bind it all ...
  • Kendo_Template test #7 is the latest revision

    can template syntax access parent data

    var viewModelDivId = "#myViewDiv";
    
    // Viewmodel
    var viewModel = kendo.observable({
        parentId: 2344,
        rows: [{
            color: 'red'
        }, {
            color: 'white'
        }, {
            color: 'blue'
        }],
    });
    
    // bind it all ...