Mobile-first responsive and accessible data table. At narrower view ports, the thead is hidden, rows are turned into cards with labels shown using a data-* attribute.
A Pen by Charlie Cathcart on CodePen.
pmcgriff
pmcgriff
/ dateform.js
Last active
August 29, 2015 14:19
— forked from thewebprincess/dateform.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery(function ($) { | |
| var datepickerInArgs = { | |
| minDate: 1, | |
| defaultDate: 0, | |
| dateFormat: 'dd/mm/yy', | |
| changeMonth: true, | |
| changeYear: true, | |
| onClose: function( dateText, inst ) { | |
| var d = $.datepicker.parseDate( inst.settings.dateFormat, dateText ); |
pmcgriff
/ Responsive-&-Accessible-Data-Table.markdown
Last active
August 29, 2015 14:13
— forked from pixelchar/Responsive-&-Accessible-Data-Table.markdown
pmcgriff
/ gw-gravity-forms-map-fields-to-field.php
Last active
August 29, 2015 14:10
— forked from spivurno/gw-gravity-forms-map-fields-to-field.php
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /** | |
| * Gravity Wiz // Gravity Forms // Map Submitted Field Values to Another Field | |
| * | |
| * Preview your Gravity forms on the frontend of your website. Adds a "Live Preview" link to the Gravity Forms toolbar. | |
| * | |
| * Usage | |
| * | |
| * 1 - Enable "Allow field to be populated dynamically" option on field which should be populated. | |
| * 2 - In the "Parameter Name" input, enter the merge tag (or merge tags) of the field whose value whould be populated into this field. |
pmcgriff
/ GravityFormsStarterStylesheet-SCSS
Last active
August 29, 2015 14:10
— forked from dmcclintock/GravityFormsStarterStylesheet-SCSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ========================================================================== | |
| Code: SCSS Starter Stylesheet for Gravity Forms (Partial Stylesheet) | |
| Gist URI: http://go.acc.bz/gist-GravityFormsStylesheet (on GitHub) | |
| Version: 0.3.1 | |
| Author: Daniel McClintock | |
| Author URI: http://iAmDan.me | |
| Notes: This is coded for use in an SCSS file, using nested selectors | |
| to limit the already-excruciating descendent selector hell, | |
| being how ridiculously overqualified Gravity Forms' core |
pmcgriff
/ style.css
Last active
August 29, 2015 14:10
— forked from WebEndevSnippets/style.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 4 column Gravity Forms custom ready class ------------------------------------------------------*/ | |
| .gform_wrapper .top_label li.gfield.gf_first_quarter, | |
| .gform_wrapper .top_label li.gfield.gf_second_quarter, | |
| .gform_wrapper .top_label li.gfield.gf_third_quarter, | |
| .gform_wrapper .top_label li.gfield.gf_fourth_quarter { | |
| margin:0 0 8px 0; | |
| width:24%; | |
| } |
pmcgriff
/ GravityFormsBS3.css
Last active
August 29, 2015 14:10
— forked from spigists/new_gist_file.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .gform_wrapper ul { | |
| padding-left: 0; | |
| list-style: none; } | |
| .gform_wrapper li { | |
| margin-bottom: 15px; } | |
| .gform_wrapper form { | |
| margin-bottom: 0; } |
pmcgriff
/ 0_reuse_code.js
Created
August 24, 2014 16:33
Here are some things you can do with Gists in GistBox.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
NewerOlder