Personal tools
Skip to content. | Skip to navigation
This addon provide twitter's bootstrap as browser resource. Version: 2.3.1 Resources: ++resource++collective.js.bootstrap/ ++resource++collective.js.bootstrap/js/bootstrap.js ++resource++collective.js.bootstrap/js/bootstrap.min.js ++resource++collective.js.bootstrap/css/bootstrap.css ++resource++collective.js.bootstrap/css/bootstrap.min.css ++resource++collective.js.bootstrap/css/bootstrap-responsive.css ++resource++collective.js.bootstrap/css/bootstrap-responsive.min.css ++resource++collective.js.bootstrap/img/glyphicons-halflings.png ++resource++collective.js.bootstrap/img/glyphicons-halflings-white.png About Twitter Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. By nerds, for nerds: Built Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Made for everyone: Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well. Packed with features: A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.
This product is an integration of JQuery Colorpicker plugin for Plone. Installation This isn't a standalone product. If you need colorpicker jquery plugin for your needs in a plone package, just add collective.js.jquery in the install_requires of your product. And add your own javascript code setting colorpicker on your input.
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. This products integrates D3.js library in Plone.
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the principle of progressive enhancement, which will add advanced interaction controls to any HTML table. This version includes datatables 1.9.4 without the examples available in the source distribution of the plugin. It is provided with an @@example.datatables view. Install A genericsetup profile is provided to add jquery.dataTables to portal_javascript in a non-minified version with compression option set to safe. Key features of jquery.dataTables * Variable-length pagination * On-the-fly filtering * Multi-column sorting with data type detection * Smart handling of column widths * Display data from almost any data source * Scrolling options for table viewport * Fully internationalisable * jQueryUI ThemeRoller support * Rock solid - backed by a suite of 1400+ unit tests * Wide variety of plug-ins inc. TableTools, FixedHeader and KeyTable * It's free! * State saving * Hidden columns * Dynamic creation of tables * Ajax auto-loading of data * Custom DOM positioning * Single-column filtering * Alternative pagination types * Non-destructive DOM interaction * Sorting column(s) highlighting * Extensive plug-in support * Fully themeable by CSS * Solid documentation * 60+ pre-built examples * Full support for Adobe AIR * Source available at github Plugins This addon embed extras plugins: * AutoFill 1.1.2 * ColReorder 1.0.5 * ColVis 1.0.7 * FixedColumns 2.0.3 * FixedHeader 2.0.6 * KeyTable 1.1.7 * Scroller 1.0.1 * TableTools 2.0.3 How to use tabletools First include dependencies in your template, or register theses in portal_javascripts: <link rel="stylesheet" type="text/css" media="screen" href="++resource++jquery.datatables/media/css/jquery.dataTables.css"> <link rel="stylesheet" type="text/css" media="screen" href="++resource++jquery.datatables/extras/TableTools/media/css/TableTools.css"> <script type="text/javascript" src="++resource++jquery.datatables.js"></script> <script type="text/javascript" src="++resource++jquery.datatables/extras/TableTools/media/js/ZeroClipboard.js"></script> <script type="text/javascript" src="++resource++jquery.datatables/extras/TableTools/media/js/TableTools.js"></script> <style type="text/css">.clear{clear:both}</style> Next you can create your datatable: var oTable = $('#mydatatable').dataTable({ "sDom": 'T<"clear">lfrtip', "oTableTools": {"sSwfPath": "++resource++jquery.datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"} });