Go to file
alistair3149 c045490a01
feat: tweak styles of tab header
* Tab header bottom line is now full width instead of the width of the tabs. It aligns with the previous and current Tabber behavior on Fandom wikis
* Increase padding for tab buttons for bigger click area
2022-04-19 10:53:08 -04:00
.github/workflows ci: set up GitHub action 2021-06-21 19:55:50 -04:00
.phan ci: set up composer 2021-06-21 19:55:06 -04:00
bin ci: set up composer 2021-06-21 19:55:06 -04:00
i18n feat: add HTTP status code to error message 2022-04-19 10:24:49 -04:00
includes feat: use CSS instead of __NOEDITSECTION__ to hide edit buttons 2022-04-19 10:36:38 -04:00
modules feat: tweak styles of tab header 2022-04-19 10:53:08 -04:00
.eslintignore ci: setup ESlint and Stylelint 2021-06-21 14:35:54 -04:00
.eslintrc.json refactor: lower JS requirements to ES5 2022-04-18 19:10:58 -04:00
.gitignore ci: setup ESlint and Stylelint 2021-06-21 14:35:54 -04:00
.phpcs.xml feat: initial refactor into TabberNeue 2021-06-21 13:49:47 -04:00
.stylelintrc.json ci: setup ESlint and Stylelint 2021-06-21 14:35:54 -04:00
CODE_OF_CONDUCT.md ci: set up composer 2021-06-21 19:55:06 -04:00
composer.json ci: set up composer 2021-06-21 19:55:06 -04:00
extension.json feat: add HTTP status code to error message 2022-04-19 10:24:49 -04:00
LICENSE Add license and update author field. 2015-03-10 16:01:41 -05:00
package-lock.json ci: lint code to MediaWiki standards 2022-04-18 23:02:15 +00:00
package.json ci: enable ES6 support for ESLint 2021-06-21 14:47:26 -04:00
README.md doc: remove config documentation 2021-10-23 00:49:00 -04:00

TabberNeue

The TabberNeue extension allows wikis to create tabs within a page. It is a rewritten and forked version of Extension:Tabber. It includes multiple improvements such as responsive layout support, ARIA support, and conform to Wikimedia UI. TabberNeue is a complete replacement of Tabber, please disable or remove Tabber before enabling TabberNeue.

Extension:TabberNeue on MediaWiki.

Requirements

Installation

You can get the extension via Git (specifying TabberNeue as the destination directory):

git clone https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue.git TabberNeue

Or download it as zip archive.

In either case, the "TabberNeue" extension should end up in the "extensions" directory of your MediaWiki installation. If you got the zip archive, you will need to put it into a directory called TabberNeue.

Usage

TabberNeue uses the exact same syntax as Tabber. Tabs are created with tabName=tabBody, and separated by |-|.

<tabber>
 tab1=Some neat text here
|-|
 tab2=
 [http://www.google.com Google]<br/>
 [http://www.cnn.com Cnn]<br/>
|-|
 tab3={{Template:SomeTemplate}}
</tabber>

Parser functions and conditionals

<tabber>
Tab1 = {{{1|}}}
|-|
Tab2 = {{{2|}}}
</tabber>

Becomes:

{{#tag:tabber|
Tab1={{{1|}}}
{{!}}-{{!}}
Tab2={{{2|}}}
}}