Codecanyon new CSS items

Flexbox Tables (Miscellaneous)

2012-06-28 13:41:08

Responsive CSS3 Flexbox Tables are truly responsive CSS3 tables based on flexbox model with expandable/ collapsible rows, column filtering, tooltips, and text wrapping control. Lightweight (no javascript, no icons or graphics), easy to configure and manage, contain many well-styled table cell components for various applications including buttons, status bars and check/ cross icons.

With Responsive CSS3 Flexbox Tables, you can build any table. You only need a few columns and rows, no extra options? Done! Or do you need to prepare a multicolumn table with drop-down (expandable) rows? No problem! You will do everything by editing a single HTML file.

All the functionalities presented in the live preview are an option – you do not need to use the expandable rows, column filtering or text-wrap toggle – just comment on the appropriate lines of code to create a table suited to your needs. Regardless of the number of rows or columns – your table will always display correctly on devices equipped with smaller screens.

Latest Version: 11.06.2019 – v2.0. Check the changelog

Responsive CSS3 Flexbox Tables Core Features

Responsive Layout

CSS3 Flexbox Tables are fully responsive and adapts perfectly for any mobile device.

Column Filtering

The column filtering option allows you to hide selected columns for easier data comparison.

Expandable/ Collapsible Rows

You can make any table row expandable/ collapsible on a click. Expanding the row reveals the hidden content which can be based on a single or multi-column layout. Hidden content can also be a nested table.

Text Wrapping Toggle / Tooltips

The tables comes with text wrapping control button with ability to wrap table text by default (not by the toggle). Table Cell Tooltips is another option. Use them both in the header and in the table content area.

Color Schemes

You can use different color schemes to get a different look of the table.

Button / Hidden Row Expand Button

Optional table elements include standard buttons and buttons that expand/ collapse hidden table rows.

Status Bar / Status Label

The status bar or status label can be used to show the progress of a process, e.g. a reservation process.

Check and Cross Icon / Team Form

Additional icons with check and cross symbols and component illustrating the sports form of the team – perfect for league table.

Extended Feature List

Pure CSS3 Table
No Javascript
Screen Reader Compatibility
Semantics Retained by ARIA
Based on Flexbox Model
Truly Responsive and Retina Ready
Expandable/ Collapsible Rows
Accordion Mode (Expandable/ Collapsible Headlines)
Ability to Display Single or Multi-column Layout in Expandable/ Collapsible Section
Ability to Display Nested Table in Expandable/ Collapsible Section
Column Filtering for Easier Data Comparison
Table Cell Tooltips
Text Wrapping Toggle
Ability to Wrap Table Text by Default (Not by the Toggle)
Ability to Hide Text Wrapping and Column Filtering Buttons
Ability to Expand Multiple Rows (Default Behavior)
Ability to Expand Only One Row at a Time
3 Color Schemes
6 Pre-built Demo Tables
Custom Table Cell Components:
- Button
- Hidden Row Expand Button
- Check/ Cross Icon
- Status Bar
- Status Label
- Tooltip
- Team Form (League Table)
Ability to Force the Table Column to be Wider or Narrower (Depending on the Type of Data It Stores)
Valid XHTML Code
Crossbrowser Compatible
Detailed Documentation

This Item is Supported

Support is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.

We Are Trusted by 100,000+ Customers

We are a team of passionate people with 15+ years of experience and 10+ years of our presence on Envato Market. We specialize in WordPress, design, and development. Please follow us to stay up to date as we continue to craft our works.

This Product Has Been Featured On

Updates

11.06.2019 – v2.0

Change the Name of the Item to ‘Responsive CSS3 Flexbox Tables’
Completely Rebuilt HTML and CSS Code
Removal of Any JS Scripts – It’s Super Lightweight Now
The Whole Data Layer is Now in a Single HTML Document
A New, Modern Look of the Tables in Line with Current Standards
3 Color Schemes
6 Pre-built Demo Tables
Screen Reader Compatibility Implemented
Semantics Retained by ARIA
Based on Flexbox Model
New Option to Wrap Text in a Table
Table Cell Components for Various Applications Implemented
Table Column Width Modifiers Implemented
Support for Columns in Expandable/ Collapsible Section
Support for Nested Table in Expandable/ Collapsible Section
Accordion Option Implemented
Subheaders Implemented
Dropped Support for IE8

28.06.2012 – v1.0

First Release

CSS3 Vertical Web Pricing Tables (Pricing Tables)

2011-10-17 14:19:19

Latest Version: 17.10.2011 – v1.0. Check the changelog

CSS3 Vertical Web Pricing Tables is a pack of Web Pricing Tables based on pure CSS3 that will let you to create pricing tables based on rows instead of columns. It comes with 10 predefined color skins, animated hover states and font-face fonts. PSD source file is included in the package.

Vertical Web Pricing Tables will work in all modern browsers. This version is dedicated for any custom CMS based site and will work in straight HTML or PHP based pages.

Features

Pure CSS + HTML,
Vertical Layout,
10 Predefined Color Skins,
Hover States,
Smooth CSS3 Animation,
Font-Face Fonts,
PSD Source Included,
Documentation Included.

This Item is Supported

We Are Trusted by 100,000+ Customers

We are a team of passionate people with 15+ years of experience and 9+ years of our presence on Envato Market. We specialize in WordPress, design, and development. Please follow us to stay up to date as we continue to craft our works.

What Others Are Saying

Wow, the response from the author has been fantastic, after having some slight trouble adding it to my website, the author fixed my problem straight away, no questions asked. Definitely recommend buying anything from this author! Thanks!
CustomPotato

Updates

17.10.2011 – v1.0

First release.

CSS3 Image Lightbox (Animations and Effects)

2011-08-15 16:27:25

Latest Version: First release

CSS3 Image Lightbox is a collection of custom stylesheets used to display large images by using modal dialogs.

Video previews

Click here to see video preview

Features

Pure CSS + HTML For All Modern Browsers,
Full Support For IE 7-8 Browsers By Simple jQuery Plugin,
Prevent Load Large Images Before They Are Displayed (jQuery Plugin),
Included PHP Class Creates Required HTML Markup Structure,
Collection Of 6 Button Skins (Next, Previous, Close),
Documentation Included.

This Item is Supported

We Are Trusted by 100,000+ Customers

Credits

Images

All images under Creative Commons (Attribution 2.0 Generic / Attribution-ShareAlike 2.0 Generic) for commercial use.

Sample image: Jackie Martinez By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/2322858965/in/photostream/,
Sample image: Jackie Martinez By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/3569016485/in/photostream,
Sample image: Flower Girl By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/823957265/in/photostream/,
JSample image: ackie Martinez By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/391793500/in/photostream/,
Sample image: Jackie Martinez By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/363607328/in/photostream/,
Sample image: (?) By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/375303486/in/photostream/,
Sample image: My State Farm Insurance Agent By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/4231955649/in/photostream/,
Sample image: IMG_2303 By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/5002818539/in/photostream/,
Sample image: Candid By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/2312116360/in/photostream/,
Sample image: Prodigy By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/2124451260/in/photostream/,
Sample image: Jackie Martinez By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/2167789116/in/photostream/,
Sample image: Laziest. Model. Ever. By mark sebastian’s
http://www.flickr.com/photos/markjsebastian/2733975281/in/photostream/.

CSS3 Accordions (Tabs and Sliders)

2011-07-12 13:56:54

Latest Version: 17.12.2012 – v1.1. Check the changelog

CSS3 Accordions is a pack of Accordions based on pure CSS3. It comes with horizontal and vertical layout and 4 predefined color skins. You can put content of any type inside accordion expandable section including lists, images or any custom HTML code.

Accordions will work in all modern browsers. IE 6 – 8 is supported by JS (jQuery Fallback). This version is dedicated for any custom CMS based site and will work in straight HTML or PHP based pages.

Features

Pure CSS3 + HTML,
Horizontal And Vertical Layout,
4 Predefined Color Skins,
Unlimited Number Of Rows,
Custom Height Of Expandable Section,
Smooth CSS3 Animation,
Support For Any HTML Content Inside Expandable Section,
Hover States,
IE6 – 8 jQuery Fallback,
Documentation Included.

Browser Support

Firefox 4 and Above – Full Support
Firefox 2 – 3.5 – Full Support (No Support for Animation)
Opera 11 and Above – Full Support
Safari 5 and Above – Full Support
Chrome – Full Support
IE9 and Above – Full Support
IE6 – 8 – Full Support (No Support for Animation)

This Item is Supported

We Are Trusted by 100,000+ Customers

What Others Are Saying

It is incredible to see what CSS3 is capable of, awesome work!!
nblackburn

Updates

17.12.2012 – v1.1

CSS3 bug fix for HTML lists.

14.02.2012 – v1.0.1

IE styling improvements.

12.07.2011 – v1.0

First release.

CSS3 Bar Graphs (Charts and Graphs)

2011-05-04 16:01:45

Latest Version: 06.05.2011 – v1.1. Check the changelog

CSS3 Bar Graphs is a set of Bar Graphs based on pure CSS3 that comes with a clean 3D style. You can easily visualize data without having to use JavaScript, PHP or even images. This set comes with 9 predefined graph examples including single and grouped bar graphs.

Features

Pure CSS + HTML,
9 Predefined Examples,
Hover States,
Documentation Included.

Browser Support

Firefox 3.5 and Above – Full Support
Opera 11 and Above – Full Support
Safari 5 and Above – Full Support
Chrome – Full Support
IE9 and Above – Full Support
IE6 – 8 – No Support for Rounded Corners and Shadows

This Item is Supported

We Are Trusted by 100,000+ Customers

What Others Are Saying

I have lot of fun working with this, i hope you make more graph types/styles like pie or just some new thinking, i proberly buy them all. Your design i just love it.
markmusen

I love the hover effect on the bars. Great Job!
PixFee

Updates

06.05.2011 – v1.1

Fixed IE7 display bug.

CSS3 Compare Pricing Tables (Pricing Tables)

2011-04-21 18:08:37

Latest Version: 28.05.2015 – v7.0. Check the changelog

CSS3 Responsive Web Pricing Tables Grids is a pack of pure CSS3, responsive and retina ready Pricing Tables. The template comes with 2 table styles, 20 predefined color skins, animated hover states, possibility to set one or many columns as active (popped-up) by default, CSS3 ribbons, CSS3 tooltips, 20 font based yes/no icons.

This version is dedicated for any custom CMS based site as well as for non-CMS site and will work with straight HTML or PHP based websites.

Pure CSS + HTML

Pricing Tables are 100% HTML/CSS based which means there is no JavaScript, no images and icons are font based.

Responsive Layout

Pricing Tables are fully responsive and adapts perfectly for any mobile device.

Retina Ready

Pricing Tables are retina ready. Your table will look crisp no matter the display your user is on.

20 Color Versions

Pricing Tables comes with 2 table styles with 12 color skins for table type 1 and 8 color skins for table type 2.

Active (Popped-Up By Default) Columns

Set any column as active (popped-up) by default.

Ribbons

Each column comes with hidden by default ribbon that you can show with your custom label. Ribbons are CSS based and editable via CSS.

Tooltips

You can add simple CSS tooltips to data in table cells.

Yes/No Icons

Pricing Tables comes with 20 yes/no or tick/cross icons you can use in table cells. Icons are font based and editable via CSS.

Extended Features List

Pure CSS + HTML,
Responsive Layout,
Retina Ready,
2 Table Styles,
20 Color Versions,
Active (Popped-Up By Default) Columns,
CSS3 Ribbons,
CSS3 Tooltips,
20 Font Based Yes/No Icons,
Font-Face Fonts,
Animated Hover States,
Documentation Included.

Browser Support

Firefox 3.5 and Above – Full Support
Opera 11 and Above – Full Support
Safari 5 and Above – Full Support
Chrome – Full Support
IE9 and Above – Full Support
IE7, IE8 – No Support for Rounded Corners, Shadows, Icons
IE7 – No Support for Table Cell Tooltips

This Item is Supported

We Are Trusted by 100,000+ Customers

What Others Are Saying

QuanticaLabs provided me with excellent support for this item. I had a small problem placing the table’s html into Wordpress. QuanticaLabs responded to my issue within hours and helped me fix the problem.
1702mike

Just purchased. Great job and very flexible.
AlvinP

I had a problem with the fonts and QuanticaLabs gave me in a few hours the right code to fix it. Now the pricing table looks very nice. Thanks for the help!
saradelvalleruiz

Hello Guys, I have already bought your pricing tables, REALLY… REALLY AMAZING so PROFESSIONAL… Thanks for doing this kind of Job. SO glad that people so “pro” like you put this work so affordable for us, REALLY THANKS… i am so happy!
PolDaddy

Just bought this. Awesome stuff!
HaziqMir

This Product Has Been Featured On

Credits

Table style #1 design is based on the awesome and popular Pricing Tables #1 by GraphiteValley. QuanticaLabs has a full written rights to use this design.

Updates

28.05.2015 – v7.0

Support for Font Based Yes/No Icons for Table Cells.
Column Ribbons Based on Images Removed (Tables are Now Retina Ready).
New CSS/HTML Based Ribbons (Possibility to Define Your Own Labels).
Minor CSS/HTML Bug Fixes.
Table Type 1 Color Skins Adjustments.

28.11.2014 – v6.1

CSS Changes (main.css) for Bootstrap CSS Compatibility.

30.10.2014 – v6.0

Support For Responsive Layout.
CSS Adjustments.
Fixed Minor Incompatibility With the Bootstrap.
Renamed to CSS3 Responsive Web Pricing Tables Grids.
Documentation Update.

12.04.2013 – v5.0

Added Possibility To Set One Or Many Columns As Active (Popped-Up) By Default.
Ribbons PSD Source Included In Zip Package.
Fixed An Issue With Shadow On Hover (White Triangle Bug).
Documentation Update.

01.11.2011 – v4.0

New Ability To Add Tooltips.
Minor CSS And Documentation Changes.

01.10.2011 – v3.0

New Ability To Add Ribbons To The Column Headers.
60 Ribbons In Two Styles.
Added 8 Predefined Color Versions.
Minor CSS And Documentation Changes.

01.05.2011 – v2.1

Fixed Box Model Issue In IE.
Minor CSS Changes.

05.04.2011 – v2.0

Added a New Table Style With 4 Predefined Color Versions.
Minor Documentation Changes.

01.04.2011 – v1.0

First Edition Of CSS3 Web Pricing Tables Pack (Grids).