11-1 系统升级操作:
TamronOS IPTV系统采用ISO在线升级机制，直接复制系统ISO的连接Url到升级文本框中即可完成升级操作。
通过网站获取到最新ISO的Url直接复制到上图中红色标记的文本框中，点击开始升级，系统会自动执行升级操作并打印相应的日志，升级后需要重启服务器才可生效。
11-2 系统高级操作:
通过系统设置页面可以进行一些系统高级设置，例如关闭v2版APK的广告接口，初始化、备份、导入点播和直播的数据库，重启和关闭服务器等等。
系统提供了定时重启功能，可以按照计划任务设置每间隔几天重启一次服务器，有助于释放系统缓存。
系统提供的ping检测工具可以用于检测各个接口的连接状态。
Bootstrap Maxlength
This plugin integrates by default with Twitter bootstrap using badges to display the maximum length of the field where the user is inserting text.
This plugin uses the HTML5 attribute "maxlength" to work.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js" type="text/javascript" ></script>
Demo Page
form_component.html
Official Documentation
http://mimo84.github.com/bootstrap-maxlength/
Bootstrap Markdown
Markdown editing for Bootstrap.
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
JavaScript Files
<script src="assets/plugins/bootstrap-markdown/js/bootstrap-markdown.js" type="text/javascript" ></script>
Demo Page
form_component.html
Official Documentation
http://toopay.github.com/bootstrap-markdown/
Twitter Bootstrap Hover Dropdown Plugin
A simple plugin to enable twitter bootstrap dropdowns to activate on hover and provide a nice user experience.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
Demo Page
index.html
Official Documentation
https://github.com/CWSpear/twitter-bootstrap-hover-dropdown
MixItUp - A CSS3 and jQuery Filter & Sort Plugin
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/jquery-mixitup/jquery.mixitup.min.js" type="text/javascript"></script>
Demo Page
page_portfolio.html
Official Documentation
http://mixitup.io
Bootstrap FuelUX Tree
Bootstrap FuelUX Tree View For Metronic.
CSS Files
<link href="assets/plugins/fuelux/css/tree-metronic.css" rel="stylesheet" type="text/css" media="screen"/>
JavaScript Files
<script src="assets/plugins/fuelux/js/tree.min.js" type="text/javascript"></script>
Demo Page
ui_tree.html
Official Documentation
http://exacttarget.github.io/fuelux/#tree
jQuery noUiSlider
noUiSlider is a super tiny jQuery plugin that allows you to create range sliders.
It fully supports touch, and it is way(!) less bloated than the jQueryUI library.
CSS Files
<link href="assets/plugins/nouislider/jquery.nouislider.css" rel="stylesheet" type="text/css" media="screen"/>
JavaScript Files
<script src="assets/plugins/nouislider/jquery.nouislider.js" type="text/javascript"></script>
Demo Page
ui_noui_sliders.html
Official Documentation
http://refreshless.com/nouislider/
jQuery IonRange Slider
Beautiful, comfortable and easily customizable range slider with skins support. Also support events and public methods, has flexible settings and can be completely modified with CSS.
CSS Files
<link href="assets/plugins/ion.rangeslider/css/ion.rangeSlider.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/ion.rangeslider/css/ion.rangeSlider.Metronic.css" rel="stylesheet" type="text/css"/>
JavaScript Files
<script src="assets/plugins/ion.rangeslider/js/ion-rangeSlider/ion.rangeSlider.min.js" type="text/javascript"></script>
Demo Page
ui_noui_sliders.html
Official Documentation
http://ionden.com/a/plugins/ion.rangeSlider/
Bootstrap Toastr Notifications
Toastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.
CSS Files
<link href="assets/plugins/bootstrap-toastr/toastr.min.css" rel="stylesheet" type="text/css"/>
JavaScript Files
<script src="assets/plugins/bootstrap-toastr/toastr.min.js" type="text/javascript"></script>
Demo Page
ui_toastr.html
Official Documentation
http://codeseven.github.io/toastr/demo.html
jQuery Input Mask
jQuery Input Mask is a jquery plugin which create an input mask. An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers.
CSS Files
No CSS available
JavaScript Files
<script type="text/javascript" src="assets/plugins/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>
Demo Page
form_components.html
Official Documentation
http://github.com/RobinHerbots/jquery.inputmask
jQuery Multi Select
This plugin is a drop-in replacement for the standard select element with multiple attribute activated.
CSS Files
<link href="assets/plugins/jquery-multi-select/css/multi-select-metro.css" rel="stylesheet" type="text/css" media="screen"/>
JavaScript Files
<script src="assets/plugins/jquery-multi-select/js/jquery.multi-select.js" type="text/javascript"></script>
Demo Page
form_components.html
Official Documentation
http://loudev.com/
Bootstrap Switch
Use Radio Buttons as switches.
CSS Files
<link href="assets/plugins/bootstrap-switch/static/stylesheets/bootstrap-switch-metro.css" rel="stylesheet" type="text/css" media="screen"/>
JavaScript Files
<script src="assets/plugins/bootstrap-switch/static/js/bootstrap-switch.js" type="text/javascript"></script>
Demo Page
form_components.html
Official Documentation
http://www.larentis.eu/switch/
jQuery jCrop
Jcrop is the quick and easy way to add image cropping functionality to
your web application. It combines the ease-of-use of a typical jQuery
plugin with a powerful cross-platform DHTML cropping engine that is
faithful to familiar desktop graphics applications.
CSS Files
<link href="assets/plugins/jcrop/css/jquery.Jcrop.min.css" rel="stylesheet" type="text/css" media="screen"/>
JavaScript Files
<script src="assets/plugins/jcrop/js/jquery.color.js" type="text/javascript"></script>
<script src="assets/plugins/jcrop/js/jquery.Jcrop.min.js" type="text/javascript"></script>
Demo Page
form_image_crop.html
Official Documentation
http://github.com/tapmodo/Jcrop
Bootstrap X-editable
In-place editing with Twitter Bootstrap.
CSS Files
<!-- BEGIN PLUGINS USED BY X-EDITABLE -->
<link href="assets/plugins/select2/select2_metro.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="assets/plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="assets/plugins/bootstrap-timepicker/compiled/timepicker.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- END PLUGINS USED BY X-EDITABLE -->
<!-- BEGIN X-EDITABLE PLUGIN-->
<link href="assets/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="assets/plugins/bootstrap-editable/inputs-ext/address/address.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- END X-EDITABLE PLUGIN-->
JavaScript Files
<!-- BEGIN PLUGINS USED BY X-EDITABLE -->
<script src="assets/plugins/select2/select2.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
<!-- END PLUGINS USED BY X-EDITABLE -->
<!-- BEGIN X-EDITABLE PLUGIN-->
<script src="assets/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-editable/inputs-ext/address/address.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-editable/inputs-ext/wysihtml5/wysihtml5.js" type="text/javascript"></script>
<!-- END X-EDITABLE PLUGIN-->
Demo Page
form_editable.html
Official Documentation
http://vitalets.github.io/x-editable/demo.html
Bootstrap Extended Modals
Responsive, Stackable, AJAX and more.
CSS Files
<link href="assets/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
JavaScript Files
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js" type="text/javascript" ></script>
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js" type="text/javascript" ></script>
Demo Page
ui_modals.html
Official Documentation
http://jschr.github.com/bootstrap-modal/
jQuery Easy Pie Chart
Lightweight jQuery plugin to render and animate nice pie charts with the HTML5 canvas element.
CSS Files
<link href="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
JavaScript Files
<script src="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.js" type="text/javascript"></script>
Demo Page
form_components.html
Official Documentation
http://rendro.github.io/easy-pie-chart/
jQuery Sparklines
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
Demo Page
index.html
Official Documentation
http://omnipotent.net/jquery.sparkline
jQuery Bootpad for Bootstrap
Dynamic pagination jQuery plugin. Works well with twitter bootstrap or standalone.
CSS Files
No CSS available
JavaScript Files
<script type="text/javascript" src="assets/plugins/jquery.bootpag.min.js"></script>
Demo Page
ui_general.html
Official Documentation
http://botmonster.com/jquery-bootpag/
jQuery UI Sliders
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
CSS Files
<link href="assets/plugins/jquery-ui/jquery-ui-1.10.1.custom.min.css" rel="stylesheet"/>
JavaScript Files
<script src="assets/plugins/jquery-ui/jquery-ui-1.10.1.custom.min.js"></script>
<script src="assets/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
Demo Page
ui_sliders.html
Official Documentation
www.jqueryui.com/slider/
jQuery Backstretch
A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
Demo Page
page_coming_soon.html
Official Documentation
http://srobbin.com/jquery-plugins/backstretch/
jQuery Countdown
A jQuery plugin that sets a div or span to show a countdown to a given time.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/countdown/jquery.countdown.js" type="text/javascript"></script>
Demo Page
page_coming_soon.html
Official Documentation
http://keith-wood.name/countdown.html
Bootstrap Datetimepicker
This project is a fork of bootstrap-datetimepicker project which doesn't include Time part.
Some others parts has been improved as for example the load process which now accepts the ISO-8601 format.
I've copy/pasted the forked project's documentation and added my specifications.
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
Demo Page
form_component.html
Official Documentation
http://www.malot.fr/bootstrap-datetimepicker/
Select2
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/select2/select2_metro.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/select2/select2.min.js"></script>
Demo Page
form_component.html
Official Documentation
ivaynberg.github.io/select2/
jQuery UI Sortable
Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable properties.
CSS Files
<link href="assets/plugins/jquery-ui/jquery-ui-1.10.1.custom.min.css" rel="stylesheet"/>
JavaScript Files
<script src="assets/plugins/jquery-ui/jquery-ui-1.10.1.custom.min.js"></script>
Demo Page
portlet_draggable.html
Official Documentation
www.jqueryui.com/sortable/
jQuery BlockUI
The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/js/jquery.blockui.js"></script>
Demo Page
index.html
Official Documentation
www.jquery.malsup.com/block/
jQuery Cookie
A simple, lightweight jQuery plugin for reading, writing and deleting cookies.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/js/jquery.cookie.js"></script>
Demo Page
index.html
Official Documentation
www.github.com/carhartl/jquery-cookie
jQuery Pulsate
jQuery Pulsate provides animated pulsating effect that's useful for focussing attention to a certain part of your webpage in a subtle way.
CSS Files
No CSS available
JavaScript Files
<script type="text/javascript" src="assets/plugins/js/jquery.pulsate.min.js"></script>
Demo Page
ui_general.html
Official Documentation
www.kilianvalkhof.com/jquerypulsate/
Respond
A fast & lightweight polyfill for min/max-width and CSS3 Media Queries (for IE 6-8, and more)
CSS Files
No CSS available
JavaScript Files
<!--[if lt IE 9]>
<script src="assets/plugins/js/respond.js"></script>
<![endif]-->
Demo Page
index.html
Official Documentation
www.github.com/scottjehl/Respond
Excanvas
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages
CSS Files
No CSS available
JavaScript Files
<!--[if lt IE 9]>
<script src="assets/plugins/js/excanvas.js"></script>
<![endif]-->
Demo Page
index.html
Official Documentation
www.excanvas.sourceforge.net/
Colorpicker for Bootstrap
Add color picker to field or to any other element
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-colorpicker/css/colorpicker.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
Demo Page
form_component.html
Official Documentation
www.eyecon.ro/bootstrap-colorpicker/
Enhanced Datepicker for Bootstrap
Add datepicker picker to field or to any other element
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-datepicker/css/datepicker.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
Demo Page
form_component.html
Official Documentation
https://github.com/eternicode/bootstrap-datepicker
Date Range Picker for Bootstrap
This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-daterangepicker/daterangepicker.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-daterangepicker/date.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
Demo Page
form_component.html
Official Documentation
www.github.com/dangrossman/bootstrap-daterangepicker
Bootstrap Timepicker
Easily select a time for a text input using your mouse or keyboards arrow keys.
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-timepicker/compiled/timepicker.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
Demo Page
form_component.html
Official Documentation
www.jdewit.github.com/bootstrap-timepicker/
Clockface Timepicker
Clockface is a simple timepicker for Twitter Bootstrap
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/clockface/css/clockface.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/clockface/js/clockface.js"></script>
Demo Page
form_component.html
Official Documentation
www.vitalets.github.com/clockface/
Bootstrap WYSIWYG5
Simple WYSIWYG Editor for Bootstrap
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
Demo Page
form_component.html
Official Documentation
http://jhollingworth.github.com/bootstrap-wysihtml5/
CKEditor
CKEditor is a ready-for-use HTML text editor designed to simplify web content creation
CSS Files
No CSS available
JavaScript Files
<script type="text/javascript" src="assets/plugins/ckeditor/ckeditor.js"></script>
Demo Page
form_component.html
Official Documentation
http://ckeditor.com/
DataTables
DataTables for Twitter Bootstrap
CSS Files
<link rel="stylesheet" href="assets/plugins/data-tables/DT_bootstrap.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/data-tables/jquery.dataTables.js"></script>
Demo Page
table_managed.html
Official Documentation
http://www.datatables.net/blog/Twitter_Bootstrap_2
Bootstrap Fileupload
The file upload plugin allows you to create a visually appealing file or image upload widgets
CSS Files
<link rel="stylesheet" href="assets/plugins/jquery-file-upload/css/jquery.fileupload-ui.css">
<noscript>
<link rel="stylesheet" href="assets/plugins/jquery-file-upload/css/jquery.fileupload-ui-noscript.css">
</noscript>
JavaScript Files
<!-- BEGIN:File Upload Plugin JS files-->
<script src="assets/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="assets/plugins/jquery-file-upload/js/vendor/tmpl.min.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="assets/plugins/jquery-file-upload/js/vendor/load-image.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="assets/plugins/jquery-file-upload/js/vendor/canvas-to-blob.min.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="assets/plugins/jquery-file-upload/js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="assets/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
<!-- The File Upload file processing plugin -->
<script src="assets/plugins/jquery-file-upload/js/jquery.fileupload-fp.js"></script>
<!-- The File Upload user interface plugin -->
<script src="assets/plugins/jquery-file-upload/js/jquery.fileupload-ui.js"></script>
<!-- The main application script -->
<script src="assets/plugins/jquery-file-upload/js/main.js"></script>
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ -->
<!--[if gte IE 8]><script src="js/cors/jquery.xdr-transport.js"></script><![endif]-->
Demo Page
table_managed.html
Official Documentation
http://jasny.github.com/bootstrap/javascript.html#fileupload
FancyBox
FancyBox is a tool for displaying images, html content and multi-media
CSS Files
<link href="assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
JavaScript Files
<script src="assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
Demo Page
gallery.html
Official Documentation
http://fancybox.net/
Flot
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/flot/jquery.flot.js" type="text/javascript"></script>
<script src="assets/plugins/flot/jquery.flot.resize.js" type="text/javascript"></script>
Demo Page
charts.html
Official Documentation
http://www.flotcharts.org/
gmaps.js
gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code
CSS Files
No CSS available
JavaScript Files
<script src="assets/plugins/js/gmaps.js"></script>
<script src="assets/plugins/js/demo.gmaps.js"></script>
Demo Page
maps_google.html
Official Documentation
http://hpneo.github.com/gmaps/
FullCalendar
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar
CSS Files
<link href="assets/plugins/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />
JavaScript Files
<script src="assets/plugins/fullcalendar/fullcalendar/fullcalendar.min.js"></script>
Demo Page
calendar.html
Official Documentation
http://arshaw.com/fullcalendar/
Gritter Notifications
The super awesome background is just to show you that all notifications are transparent
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/gritter/css/jquery.gritter.css" />
JavaScript Files
<script type="text/javascript" src="assets/plugins/gritter/js/jquery.gritter.js"></script>
Demo Page
ui_general.html
Official Documentation
http://boedesign.com/demos/gritter/
JQVMAP
JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9. Legacy support for older versions of Internet Explorer 6-8 is provided via VML.
CSS Files
<link href="assets/plugins/jqvmap/jqvmap/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />
JavaScript Files
<script src="assets/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
<script src="assets/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
Demo Page
maps_vector.html
Official Documentation
http://jqvmap.com/
DropzoneJS
DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.
CSS Files
<link href="assets/plugins/dropzone/css/dropzone.css" rel="stylesheet"/>
JavaScript Files
<script src="assets/plugins/dropzone/dropzone.js"></script>
Demo Page
form_dropzone.html
Official Documentation
http://www.dropzonejs.com/
Bootstrap Tree
A lightweight Tree component, built for use with the Twitter Bootstrap framework.
CSS Files
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-tree/bootstrap-tree/css/bootstrap-tree.css" />
JavaScript Files
<script src="assets/plugins/bootstrap-tree/bootstrap-tree/js/bootstrap-tree.js"></script>
Demo Page
ui_tree.html
Official Documentation
https://github.com/cutterbl/Bootstrap-Tree
Bootstrap Form Wizard
This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.
CSS Files
No CSS available
JavaScript Files
<script type="text/javascript" src="assets/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
Demo Page
form_wizard.html
Official Documentation
https://github.com/VinceG/twitter-bootstrap-wizard
Nestable
Drag & drop hierarchical list with mouse and touch compatibility.
CSS Files
<link rel="stylesheet" tyyope="text/css" href="assets/plugins/jquery-nestable/jquery.nestable.css" />
JavaScript Files
<script src="assets/plugins/jquery-nestable/jquery.nestable.js"></script>
Demo Page
ui_nestable.html
Official Documentation
https://github.com/dbushell/Nestable
jQuery Validation Plugin
The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy
CSS Files
No CSS available
JavaScript Files
<script type="text/javascript" src="assets/plugins/jquery-validation/dist/jquery.validate.min.js"></script>
Demo Page
form_validation.html
Official Documentation
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Font Awesome 3.2.0
The iconic font designed for use with Twitter Bootstrap
CSS Files
<link href="assets/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" />
Official Documentation
http://fortawesome.github.com/Font-Awesome/
Glyphicons Pro
Icons are designed primarily for toolbars and navigation bars in OS X Lion, the application for iPhone, iPhone 4, iPad and other Apple devices.
CSS Files
<link href="assets/plugins/glyphicons/css/glyphicons.css" rel="stylesheet" />
<link href="assets/plugins/glyphicons_halflings/css/halflings.css" rel="stylesheet" />
Official Documentation
http://glyphicons.com/
Open Sans
Metornic uses Open Sans web font from google fonts: http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700
CSS Files
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
Official Documentation
http://www.google.com/webfonts
上传对应的APK（一定要跟要启动的APK包名称一致）上传成功后点击保存按钮
删除原有的默认应用在点击保存
