- Chameleon Slider Image And Drag & Drop Content Sliders
- Chameleon Slider Image And Drag & Drop Content Slider Download
- Chameleon Slider Image And Drag & Drop Content Slider Image
Chameleon.js – Easy Get and Use Colors From Image, jQuery plugins Chameleon.js is a lightweight jQuery plugin for automatic content colorization.Features:Colorize the content with imageGet colors from an imageSort colors by various parameters (hue, saturation, value. Chameleon + Drag Queen. This thread is archived. New comments cannot be posted and votes cannot be cast. Basic Concepts and Principles to Chameleon Cage Setup. There are two key elements to keep in mind when setting up a chameleon cage. Gradients and Levels. A gradient is a gradual progression from one extreme to another. The gradients a chameleon requires are heat, UVB, humidity, and exposure.
Basic Initialization
DataTables is very simple to use as a jQuery plug-in with a huge range of customizable option.
1. Initialize the plugin by referencing the necessary files:
2. Call the DataTable-function after the page has loaded
Refer following links for detailed documentation, configuration options, methods and examples:
Type | URL |
---|---|
Plugin Link | https://datatables.net/ |
Template Page | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-basic-initialization.html |
Styling
DataTables provides an easy to customise core stylesheet, which has a number of features that you can enable or disable as you required. Additionally there are a number of integration packages which can be used to fit DataTables into a site which uses some of the popular CSS libraries
Refer following links for detailed documentation, configuration options, methods and examples:
Styling Examples | URL |
---|---|
Base style table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-styling.html#base-style |
No styling classes | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-styling.html#no-style |
Base style - compact table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-styling.html#compact-style |
Bootstrap 3 table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-styling.html#bootstrap3 |
Data Source
Data Sources can be used and customized to display a printable version of the DataTable.
Refer following links for detailed documentation, configuration options, methods and examples:
Data Source Examples | URL |
---|---|
HTML (DOM) sourced data | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-data-sources.html#html |
Ajax sourced data | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-data-sources.html#ajax |
Javascript sourced data | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-data-sources.html#javascript |
Server-side processing | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-data-sources.html#server-processing |
Advanced Initialization
DataTables combinations of the options available and the use of callbacks, DataTables is completely customizable and will fit into exactly what you need for your table display.
Refer following links for detailed documentation, configuration options, methods and examples:
Advance Examples | URL |
---|---|
DOM / jQuery events | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#dom |
Column rendering | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#column |
Multiple table control elements | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#multiple-table |
Complex headers with column visibility table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#complex-header |
Language file table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#language |
Setting defaults table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#language |
Row grouping | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#row-grouping |
Footer callback table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#footer |
Custom toolbar elements table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#custom-toolbar |
Row created callback | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#row-callback |
File export table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-advanced-initialization.html#file-export |
API
The DataTables API is designed to be simple, consistent and easy to use. The examples in this section show how the API may be used.
Refer following links for detailed documentation, configuration options, methods and examples:
API Examples | URL |
---|---|
Add rows | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#add-row |
Individual column searching (text inputs) | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#text-inputs |
Individual column searching (select inputs) | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#select-inputs |
Child rows (show extra / detailed information) | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#child-row |
Row selection (multiple rows) | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#row-selection |
Row selection and deletion (single row) | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#selection-n-deletion |
Form inputs table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#form-inputs |
Show & hide columns dynamically | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#show-hide-columns |
Search API (regular expressions) table | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-api.html#search-api |
DataTable Extension
The features that DataTables provides can be greatly enhanced by the use of the plug-ins available on this page, which give many new user interaction and configuration options.
AutoFill
AutoFill adds an Excel like data fill option to DataTables, allowing click and drag over cells, filling in information and incrementing numbers as needed.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/autofill/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-autofill.html |
Buttons
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. Modules are also provided for data export, printing and column visibility control.
Refer following links:
Chameleon Slider Image And Drag & Drop Content Sliders
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/buttons/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-buttons-basic.html |
Column Reorder
ColReorder allows the end user to modify the column order of a table through drop-and-drag of column headers.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/colreorder/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-column-reorder.html |
Fixed Columns
Fixed Columns 'freezes' in place the left most columns in a scrolling DataTable, to provide a guide to the end user
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/fixedcolumns/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-fixed-columns.html |
Key Table
KeyTable provides Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual cells, columns, rows or all cells.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/keytable/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-key-table.html |
Row Reorder
RowReorder adds the ability for rows in a DataTable to be reordered through user interaction with the table (click and drag / touch and drag). Integration with Editor's multi-row editing feature is also available to update rows immediately.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/rowreorder/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-row-reorder.html |
Select
Select adds item selection capabilities to a DataTable. Items can be rows, columns or cells, which can be selected independently, or together. Item selection can be particularly useful in interactive tables where users can perform some action on the table such as editing.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/select/ |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-select.html |
Fixed Header
The FixedHeader plug-in will freeze in place the header, footer and left and/or right most columns in a DataTable, ensuring that title information will remain always visible.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/fixedheader |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-fix-header.html |
Responsive
Responsive will automatically optimise the table's layout for different screen sizes through the dynamic column visibility control, making your tables useful on desktop and mobile screens.
Refer following links:
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/responsive |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-responsive.html |
Chameleon Slider Image And Drag & Drop Content Slider Download
Columns Visibility
ColVis presents the end user with a list of columns in the table and options to enable or disable their current visibility.
Refer following links:
Chameleon Slider Image And Drag & Drop Content Slider Image
Links Types | URL |
---|---|
Plugin URL | https://datatables.net/extensions/colvis |
Template URL | https://themeselection.com/demo/chameleon-admin-template/html/ltr/vertical-menu-template/dt-extensions-column-visibility.html |