=== Magic Liquidizer Responsive Table === Contributors: esstat17 Donate link: http://www.innovedesigns.com/wordpress/magic-liquidizer-responsive-table-rwd-you-must-have-wp-plugin/ Tags: responsive, table, fluid, mobile screens Requires at least: 3.0.1 Tested up to: 3.9.2 Stable tag: 1.4 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.txt A simple and lightweight Wordpress plugin that converts HTML <table> into responsive. == Description == A simple and lightweight Wordpress plugin that converts HTML TABLE to become responsive. It's a Responsive Web Design (RWD) that you must have for your responsive web development. HTML `tables` may cause overflow in small screens or when dragging your browser to minimizing it for mobile screens simulation especially when the table contains large content such as texts and images. So this is your solution! `Magic Liquidizer Responsive Table plugin` - is just one of many features of Magic Liquidizer for a complete Responsive Web Design solution such as images, texts, forms, tables, navigation menu, and other HTML elements. Basically the demonstration link below is where Magic Liquidizer plugin installed, minus anything else, just observe the Responsive Table function. See DEMO. If you like this plugin, good ratings is much appreciated. For more information kindly check InnoveDesigns.com Responsive Table article. and leave a message via our contact form for further concerns. == Installation == Installation is very easy, download and upload via WordPress `Plugin` Section. 1. After activation, go to Dashboard > Magic Liquidizer Lite > Table. You're done! == Frequently Asked Questions == = Where to find Magic Liquidizer Responsive Table settings? = You can find via Wordpress Dashboard > Magic Liquidizer Lite > Table. = How to get table Class or ID? = You can use Chrome Inspector or Firefox Firebug Extension to inspect element. But basically `table` value signifies that all <table> .. </table> will make responsive. See this video tutorial http://youtu.be/wIxxrbAV7AY = How to make tables in two columns = It's very simple, just add these CSS lines to your stylesheet .ml-responsive-table dt.ml-title { clear: none; float: left; width: 45% !important; } .ml-responsive-table dd.ml-value { clear: none; float: left; width: 45% !important; } == Screenshots == 1. How does your Table look like BEFORE. screenshot-1.png 2. Magic Liquidizer Responsive Table - Wordpress Admin Section. screenshot-2.png 3. This screenshot was taken from our DEMO page AFTER installation. Client-side screenshot. screenshot-3.png == Changelog == * 05/03/2014 = 1.0.4 = * - [improve] JS * - [Compatibility] Latest Wp Version * 02/03/2014 = 1.0.3 = * - [fixed] Uninstallation Hook * - [added] .clearfix class = 1.0.2 = * 02/03/2014 * - [fixed] Breakpoint Implementation * - [fixed] Specifying classes or id's * - [ready] API for Magic Liquidizer Responsive Form * - [Changes] Plugin Screenshots screenshot-2.png = 1.0.1 = * 01/30/2014 * - CSS Fixes * - Move Plugin Section to Dashboard > Magic Liquidizer Lite > Table * - Database Changes * - API do_action Implemented = 1.0.0 = * 01/09/2014 - Initial Released Date == Upgrade Notice == * 05/03/2014 = 1.0.4 = * - [improved] JS * - [Compatibility] Latest Wp Version * 02/03/2014 = 1.0.3 = * - [fixed] Uninstallation Hook * - [added] .clearfix class = 1.0.2 = * 02/03/2014 * - [Fixed] Minor Bugs on Breakpoint field = 1.0.1 = * 01/30/2014 - Better CSS and Plugin WP Panel Page = 1.0.0 = * 01/09/2014 - Initial Released Date