{"id":21258431,"url":"https://github.com/ubc/tabs-shortcode","last_synced_at":"2025-03-15T06:28:08.580Z","repository":{"id":4711983,"uuid":"5859858","full_name":"ubc/tabs-shortcode","owner":"ubc","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-05T00:12:23.000Z","size":111,"stargazers_count":1,"open_issues_count":4,"forks_count":0,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-01-21T21:35:18.436Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"tabs-shortcode","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ubc.png","metadata":{"files":{"readme":"readme.txt","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"support/twitter-bootstrap/action.php","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2012-09-18T17:10:45.000Z","updated_at":"2024-12-05T00:12:28.000Z","dependencies_parsed_at":"2025-01-21T21:44:04.433Z","dependency_job_id":null,"html_url":"https://github.com/ubc/tabs-shortcode","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubc%2Ftabs-shortcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubc%2Ftabs-shortcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubc%2Ftabs-shortcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubc%2Ftabs-shortcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ubc","download_url":"https://codeload.github.com/ubc/tabs-shortcode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243693009,"owners_count":20332318,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-11-21T04:08:52.217Z","updated_at":"2025-03-15T06:28:08.560Z","avatar_url":"https://github.com/ubc.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"=== Tabs Shortcode ===\nContributors: enej, ctlt-dev, oltdev\nTags: tab, shortcode\nRequires at least: 3.4\nTested up to: 6.7.1\nStable tag: 3.0.1\nLicense: GPLv2 or later\n\nLets you add tabs to your post and pages using a shortcode. \n\n== Description ==\n\nTo add tabs to you post or pages just add this shortcode:\n\n`[tabs]\n[tab title=\"title1\"] tab content \ntab content \n[/tab]\n[tab title=\"title2\"] \nanother content tab \n[/tab]\n[/tabs]`\n\n\nHere are the some attributes that the shortcode also excepts \n// default attributes\n`[tabs collapsible=true selected='0' event='click' position='top' ]  \n[tab title=\"title1\"]\ntab content \n[/tab]\n[tab title=\"title2\"] \nanother content tab \n[/tab]\n[/tabs]`\n\n* collapsible = true or false - weather the tabs should be allowed to be collapsed - this doesn't work with twitter bootstrap \n* selected = integer for example - what tab should be selected. 0 means the first tab. 1 means the second tab etc. \n* event = 'click' or 'mouseover' - does do you user need to click on the tab or just mouse over to get to the content. Tip: Don't use mouseover if you are concerned with mobile. \n* position = 'top' , 'bottom' , 'left', 'right' on what side do you want the tabs to appear. See screenshots for an example. \n* vertical_tabs = true or false - depreciated is the same as position = left\n\n\n== Installation ==\nSee http://codex.wordpress.org/Managing_Plugins#Installing_Plugins\n\n== Upgrade Notice ==\nIf you are updating from the proviso version and you have added css to your theme \nPlease add `add_theme_support( 'tabs', 'style-only' );` to you functions file. Preferably somewhere in a function that is being called by the after theme setup action\n `add_action('after_setup_theme','bones_theme_support');` \n\nThis will tell the plugin to not include tab styling to your theme. \n\n \n== Frequently Asked Questions ==\n\n=How to get rid of unwanted `\u003cp\u003e` tags=\nGet rid of unneeded white space inside your shortcode \n\n\n=My theme already has styling for tabs how can I remove the default styling=\nEasy. Add the line `add_theme_support( 'tabs', 'style-only' );` to you functions.php file. Preferably somewhere in a function that is being called by the after theme setup action\n `add_action('after_setup_theme','bones_theme_support');` \n\n\n=I am using the twitter bootstrap framework how do I make sure that the tabs work with it.=\nThe shortcode support the twitter bootstrap framework. \n`add_theme_support( 'tabs', 'twitter-bootstrap' );`\n\n= How can I contribute to this plugin =\nIf you must ask. Checkout the source code at https://github.com/ubc/tabs-shortcode\n\nFeel free to submit pull requests. \n\n\n**note**: The twitter bootstrap framework doesn't use the jquery ui tab javascript.\n\n== Screenshots ==\n\n1. Default styling \n2. Styling using the twitter bootstrap \n\n== Sample CSS ==\n\nWant to style the tabs a different way. \n\nHere is some sample css to get you started. \nAnother place to look for it would be the http://jqueryui.com/themeroller/, \nThe shortcode used the jQuery UI to generate the tabs unless you are using the twitter bootstrap framework. \nSee the FAQ on how to deal with that case. \n\n\n\n\n\n`\n/* =tabs\n-------------------------------------------------------------- */\n.tabs-shortcode.ui-tabs {\n\tpadding:.2em;\n\tzoom:1;\n\tclear:both;\n\tbackground:#FFF;\n\tpadding:0;\n\tmargin:0;\n}\n\n.tabs-shortcode.ui-tabs-nav {\n\tlist-style:none!important;\n\tpadding:.2em 0 0!important;\n\tmargin: 0!important;\n}\n.tabs-shortcode .ui-tabs-nav:after{\n\tvisibility: hidden;\n\tdisplay: block;\n\tfont-size: 0;\n\tcontent: \" \";\n\tclear: both;\n\theight: 0;\n}\n* html .tabs-shortcode  .ui-tabs-nav          { zoom: 1; } /* IE6 */\n*:first-child+html .tabs-shortcode .ui-tabs-nav { zoom: 1; } /* IE7 */\n\n.tabs-shortcode .ui-tabs-nav li {\n\tposition:relative;\n\tfloat:left;\n\tborder:1px solid #CCC;\n\tbackground:#EEE;\n\tlist-style:none!important;\n\tz-index: 100;\n\tpadding:0;\n}\n\n.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-active,\n.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-selected {\n\tbackground:#FFF;\n\tcolor:#111;\n}\n\n.tabs-shortcode .ui-tabs-nav li:before {\n\tcontent:\"\";\n}\n\n.tabs-shortcode .ui-tabs-nav li a {\n\tfloat:left;\n\ttext-decoration:none;\n\tpadding:2px 1em;\n\tcolor:#333;\n\tborder:none!important;\n}\n\n.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-active a,\n.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,\n.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-state-disabled a,\n.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-state-processing a {\n\tcursor: default;\n}\n\n.tabs-shortcode .ui-tabs-nav li a,\n.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a,\n.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {\n\tcursor:pointer;\n}\n\n.tabs-shortcode .ui-tabs-panel {\n\tdisplay:block;\n\tborder-width:0;\n\tbackground:none;\n}\n\n.tabs-shortcode .ui-tabs-hide {\n\tdisplay:none!important;\n}\n\n.tabs-shortcode.ui-tabs-panel {\n\tclear:both;\n}\n/* Position  Top and Bottom  */\n.tabs-shortcode-top .ui-tabs-nav,\n.tabs-shortcode-bottom .ui-tabs-nav{\n\tmargin-left:0!important;\n}\n.tabs-shortcode-top .ui-tabs-nav li,\n.tabs-shortcode-bottom .ui-tabs-nav li{\n\tposition:relative;\n\tfloat:left;\n\tposition:relative;\n\tfloat:left;\n}\n\n/* Position Top */\n.tabs-shortcode-top .ui-tabs-nav{\n\tborder-bottom: 1px solid #CCC;\n}\n.tabs-shortcode-top .ui-tabs-nav li.ui-tabs-active,\n.tabs-shortcode-top .ui-tabs-nav li.ui-tabs-selected {\n\tpadding-bottom:1px!important;\n\tborder-bottom:0;\n\tmargin:1px .3em -1px 0!important;\n}\n.tabs-shortcode-top .ui-tabs-nav li {\n\tborder-bottom-width:0!important;\n\tmargin:1px .3em 0 0!important;\n}\n\n/* Position Bottom */\n.tabs-shortcode-bottom .ui-tabs-nav{\n\tborder-top: 1px solid #CCC;\n}\n.tabs-shortcode-bottom .ui-tabs-nav li.ui-tabs-active,\n.tabs-shortcode-bottom .ui-tabs-nav li.ui-tabs-selected {\n\tpadding-top:1px!important;\n\tborder-top:0;\n\tmargin:-1px .3em 1px 0!important;\n}\n\n.tabs-shortcode-bottom .ui-tabs-nav li {\n\tborder-top-width:0!important;\n\tmargin:0 .3em 1px 0!important;\t\n}\n\n\n/* Position  Left and Right  */\n.tabs-shortcode-left .ui-tabs-nav,\n.tabs-shortcode-right .ui-tabs-nav{\n\twidth: 150px;\n\tmargin: 0!important;\n}\n\n.tabs-shortcode-left .ui-tabs-nav li,\n.tabs-shortcode-left,\n.tabs-shortcode-right .ui-tabs-nav li,\n.tabs-shortcode-right{\n\tposition: relative;\n\toverflow: hidden;\n}\n.tabs-shortcode-left .ui-tabs-nav li,\n.tabs-shortcode-right .ui-tabs-nav li{\n\tmargin:0 0 0.3em 0;\n\twidth: 100%;\n}\n.tabs-shortcode-left .ui-tabs-nav li a,\n.tabs-shortcode-right .ui-tabs-nav li a{\n\twidth: 100%;\n}\n.tabs-shortcode-left .ui-tabs-panel,\n.tabs-shortcode-right .ui-tabs-panel{\n\tmargin-left: 165px;\n}\n\n/* Position Left */\n.tabs-shortcode-left .ui-tabs-nav{\n\tborder-right: 1px solid #CCC;\n\tpadding: 0 1px 10px 0!important;\n}\n.tabs-shortcode-left .ui-tabs-nav,\n.tabs-shortcode-left .ui-tabs-nav li{\n\tfloat: left;\n}\n.tabs-shortcode-left .ui-tabs-nav li.ui-tabs-active,\n.tabs-shortcode-left .ui-tabs-nav li.ui-tabs-selected {\n\tpadding-right:1px;\n\tborder-right:0;\n\tmargin:0 1px 0.3em 0;\n}\n\n/* Position Right */\n.tabs-shortcode-right .ui-tabs-nav{\n\tborder-left: 1px solid #CCC;\n\tpadding: 0 0 10px 1px!important;\n}\n.tabs-shortcode-right .ui-tabs-nav,\n.tabs-shortcode-right .ui-tabs-nav li{\n\tfloat: right;\n}\n.tabs-shortcode-right .ui-tabs-nav li.ui-tabs-active,\n.tabs-shortcode-right .ui-tabs-nav li.ui-tabs-selected {\n\tpadding-left:1px;\n\tborder-left:0;\n\tmargin:0 0 0.3em 1px;\n}\n`\n\n== Changelog ==\n= 2.0.2 =\n* Minified files so that things are load even faster, saving tree though bandwidth.\n\n= 2.0.1 =\n* Bug fixes: Removes notices\n* updated to styles better with version jQuery 1.9\n \n= 2 = \n* Rewrite of the plugin\n* Now we are adding some tab styling by default\n* Added position attribute (top, bottom, left, right)\n\n\n= 1.1.1 =\n* removing unwanted warnings. \n  \n= 1.1 = \n* rewrite to use classes and make the javascript be loaded only when it needs to be. \n\n= 1.0.2 =\n* bug fixes now it plays more nicely with other short codes.\n\n\n= 1 =\n* Initial Release \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fubc%2Ftabs-shortcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fubc%2Ftabs-shortcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fubc%2Ftabs-shortcode/lists"}