{"id":22484613,"url":"https://github.com/gopalraju/gridtab","last_synced_at":"2026-02-23T10:07:05.751Z","repository":{"id":57254264,"uuid":"73441956","full_name":"gopalraju/gridtab","owner":"gopalraju","description":"GridTab is a lightweight jQuery plugin to create grid based responsive tabs https://gopalraju.github.io/gridtab","archived":false,"fork":false,"pushed_at":"2016-12-05T03:09:08.000Z","size":534,"stargazers_count":203,"open_issues_count":3,"forks_count":23,"subscribers_count":8,"default_branch":"master","last_synced_at":"2026-01-11T16:40:16.365Z","etag":null,"topics":["breakpoint","grids","jquery-plugin"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gopalraju.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-11T03:17:29.000Z","updated_at":"2025-12-10T23:09:19.000Z","dependencies_parsed_at":"2022-08-30T16:00:53.210Z","dependency_job_id":null,"html_url":"https://github.com/gopalraju/gridtab","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/gopalraju/gridtab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gopalraju%2Fgridtab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gopalraju%2Fgridtab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gopalraju%2Fgridtab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gopalraju%2Fgridtab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gopalraju","download_url":"https://codeload.github.com/gopalraju/gridtab/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gopalraju%2Fgridtab/sbom","scorecard":{"id":441211,"data":{"date":"2025-08-11","repo":{"name":"github.com/gopalraju/gridtab","commit":"15b62c423dec9fac866b183ec754835eca99c899"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Code-Review","score":0,"reason":"Found 0/9 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-19T05:37:17.819Z","repository_id":57254264,"created_at":"2025-08-19T05:37:17.819Z","updated_at":"2025-08-19T05:37:17.819Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29741144,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-23T07:44:07.782Z","status":"ssl_error","status_checked_at":"2026-02-23T07:44:07.432Z","response_time":90,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["breakpoint","grids","jquery-plugin"],"created_at":"2024-12-06T17:11:15.543Z","updated_at":"2026-02-23T10:07:05.724Z","avatar_url":"https://github.com/gopalraju.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# GridTab jQuery Plugin #\n\n\n**GridTab** is a lightweight jQuery plugin to create grid based responsive tabs.\n\n## Demo ##\n\n[http://gopalraju.github.io/gridtab](http://gopalraju.github.io/gridtab)\n\n## Features ##\n\n* Responsive\n* Lightweight and based on CSS3 flexbox\n* Set Grid for each breakpoint\n* Switch between Grid and Tab layout\n* Next, previous and close controls\n* Scroll to current tab\n* Custom selectors\n* Right-To-Left Support\n\n## Package Managers ##\n```\n# Bower\nbower install --save gridtab\n\n# NPM\nnpm install gridtab\n\n```\n## Usage ##\n\nSetting up GridTab is really simple\n\n### HTML Markup ###\nYour markup should look something like this\n\n```\n\u003cdl id=\"gridtab-1\"\u003e\n\t\u003cdt\u003eTab 1\u003c/dt\u003e\n\t\u003cdd\u003eTab 1 Description\u003c/dd\u003e\n\t\u003cdt\u003eTab 2\u003c/dt\u003e\n\t\u003cdd\u003eTab 2 Description\u003c/dd\u003e\n\t\u003cdt\u003eTab 3\u003c/dt\u003e\n\t\u003cdd\u003eTab 3 Description\u003c/dd\u003e\n\t\u003cdt\u003eTab 4\u003c/dt\u003e\n\t\u003cdd\u003eTab 4 Description\u003c/dd\u003e\n\t\u003cdt\u003eTab 5\u003c/dt\u003e\n\t\u003cdd\u003eTab 5 Description\u003c/dd\u003e\n\t\u003cdt\u003eTab 6\u003c/dt\u003e\n\t\u003cdd\u003eTab 6 Description\u003c/dd\u003e\n\u003c/dl\u003e\n```\n\nWhere, `\u003cdt\u003e` contains the title of the tab nad `\u003cdd\u003e` contains the description to be shown on click.\n### Stylesheet ###\nJust add a link to the css file in your \u003chead\u003e:\n\n`\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"gridtab.min.css\"/\u003e`\n### jQuery Plugin ###\nThen, before your closing `\u003cbody\u003e` tag add:\n\n`\u003cscript type=\"text/javascript\" src=\"gridtab.min.js\"\u003e\u003c/script\u003e`\n\nand initialize the plugin as shown below:\n\n```\n\u003cscript\u003e\n\t$(document).ready(function() {\n\t\t$('#gridtab-1').gridtab({\n\t\t\tgrid:3\n\t\t});\n\t});\n\u003c/script\u003e\n```\nWhere grid is the number of grids/tabs in a row\n\n## Settings ##\n| Basic Settings     | Type          | Default                            | Description |\n| -------------      | ------------- | --------                           | ----------- |\n| grid               | integer       |  `4`                               | Number of grids or tabs per row |\n| borderWidth        | integer       |  `2`                               | Width of the borders.|\n| tabBorderColor     | string        | `'#ddd'`                           | border color of the tabs (Hex Color Code).|\n| tabPadding         | integer       | `25`                               | padding/spacing around the tabs.\n| contentBorderColor | string        | `'#ddd'`                           | border color of the content section (Hex Color Code).|\n| contentPadding     | integer       | `25`                               | padding/spacing around content section.|\n| contentBackground  | string        | `'#fff'`                           | Background color for the content section (Hex Color Code).|\n| activeTabBackground| string        | `'#fff'`                           | Background color for the active tab (Hex Color Code).|\n| responsive         | Array         |  `null`                            | Array of objects having breakpoints and `settings` object which is enabled at a given `breakpoint`.|\n| selectors          | Object        |  see table below                   | Object with options to set custom selectors.|\n| config             | Object        |  see table below                   | Object with options to enable features like, setting initially active tab, next/prev controls, close button, transition speed etc.|\n| callbacks          | Object        |  `open:false, close:false`         | Callbacks for the open and close states of the content section.|\n\n\n| selectors     \t\t | Type          | Default                            | Description |\n| -------------      | ------------- | --------                           | ----------- |\n| tab           \t\t | string        |  `'\u003e dt'`                          | By default, the click event is triggered on the entire tab (`'dt'`). This can be replaced with any custom selector within the `dt`. For example: `'.readmore'`.|\n| closeButton        | string        |  `'.gridtab__close'`               | Custom class for the close button, if `'showClose'` is set to `true`.|\n| nextArrow          | string        |  `'.gridtab__next.gridtab__arrow'` | Custom class for the next button, if `'showArrows'` is set to `true`. |\n| prevArrow          | string        |  `'.gridtab__prev.gridtab__arrow'` | Custom class for the prev button, if `'showArrows'` is set to `true`. |\n| disabledArrow      | string        |  `'.is-disabled'`                  | Custom class for the disabled state of next/prev buttons, if `'showArrows'` is set to `true`. |\n\n| config     \t     \t | Type          | Default                            | Description |\n| -------------      | ------------- | --------                           | ----------- |\n| layout             | string        |  `'grid'`                          | Change the value to `'tab'` for a tab layout. By default, the layout is `'grid'` based. |\n| keepOpen           | Boolean       |  `false`                           | If set to `true` keeps the active tab open (Disables toggle).|\n| speed              | integer       |  `500`                             | Transition speed in milliseconds.|\n| activeTab          | integer       |  `0`                               | Initially active tab. For example, `1` enables the first tab.|\n| showClose          | Boolean       |  `false`                           | Shows the close button if set to `true`.|\n| showArrows         | Boolean       |  `false`                           | Shows the next/prev buttons if set to `true`.|\n| scrollToTab        | Boolean       |  `false`                           | Scrolls to the active tab on click|\n| RTL        | Boolean       |  `false`                           | Converts tab to RTL|\n\n\n### Responsive Example ###\nThe responsive settings is where you reset the grids and other properties at a given breakpoint.\n\n```\n$('#gridtab-1').gridtab({\n\tgrid:5,\n\tcontentPadding: 40,\n\tresponsive:[{\n\t\tbreakpoint: 1024,\n\t\tsettings:{\n\t\t\tgrid:3,\n\t\t\tcontentPadding: 30\n\t\t}\n\t},{\n\t\tbreakpoint:767,\n\t\tsettings:{\n\t\t\tgrid:2,\n\t\t\tcontentPadding: 25\n\t\t}\n\t},{\n\t\tbreakpoint:520,\n\t\tsettings:{\n\t\t\tgrid:1,\n\t\t\tcontentPadding: 20\n\t\t}\n\t}]\n});\n```\nAll properties under basic settings like: `borderWidth`, `tabPadding`, `tabBorderColor`, `contentBorderColor`, `contentPadding`, `contentBackground` and `activeTabBackground`, can be updated with the responsive settings.\n\n## Version ##\n\n2.1.1\n## Browser support ##\n\nGridTab works on IE10+ in addition to other modern browsers like Chrome, Firefox and Safari\n\n## Dependencies ##\n\njQuery 1.8.3 +\n\n## License ##\n\nLicensed under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgopalraju%2Fgridtab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgopalraju%2Fgridtab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgopalraju%2Fgridtab/lists"}