MoinMoin Logo
  • Comments
  • Immutable Page
  • Menu
    • Navigation
    • RecentChanges
    • FindPage
    • Local Site Map
    • Help
    • HelpContents
    • HelpOnMoinWikiSyntax
    • Display
    • Attachments
    • Info
    • Raw Text
    • Print View
    • Edit
    • Load
    • Save
  • Login

Navigation

  • Start
  • Sitemap

Upload page content

You can upload content for the page named below. If you change the page name, you can also upload content for another page. If the page name is empty, we derive the page name from the file name.

File to load page content from
Page name
Comment

  • Javascript
  • Bootstrap

Contents

  1. Bootstrap
    1. Fixed top navbar
    2. Bootstrap Table
    3. Dropdown with textfield

Bootstrap

   1 cd /tmp
   2 wget https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip
   3 wget http://code.jquery.com/jquery-1.12.0.min.js
   4 unzip bootstrap-3.3.6-dist.zip
   5 cd /tmp/bootstrap-3.3.6-dist
   6 cp * -r /var/www/labs.bitarus.allowed.org/static/

Check CSS styles in http://getbootstrap.com/css/

  • https://getbootstrap.com/docs/5.3/getting-started/introduction/

Fixed top navbar

  • https://getbootstrap.com/docs/5.3/examples/navbar-fixed/

Bootstrap Table

Bootstrap table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on.

https://github.com/wenzhixin/bootstrap-table/archive/master.zip

   1 cp ~/Downloads/bootstrap-table-master.zip /tmp/
   2 cd /tmp/
   3 unzip bootstrap-table-master.zip 
   4 cd bootstrap-table-master
   5 cd dist
   6 cp bootstrap-table.min.* /dest/folder                        

   1 jQuery.noConflict();
   2 $('#table-pagination-data').bootstrapTable({   url: baseUrl + '/xyz/getData' });
   3 $('#modalDiv').modal('show');

http://getbootstrap.com/components/#input-groups

Dropdown with textfield

   1 $('.dropdown-menu li').click(function(event) {
   2     event.stopPropagation();
   3     event.preventDefault();
   4     var selValue = $(this).children('a').html();
   5     $(this).parent().parent().removeClass('open');
   6     $(this).parent().parent().parent().children('input').val(selValue);
   7 });
  • MoinMoin Powered
  • Python Powered
  • GPL licensed
  • Valid HTML 4.01