Power-tabs-plugin

Link to Pluginhttps://perchance.org/power-tabs-plugin
This is a plugin that allows you to make tabs in your generators. This plugin is similar to the original tabs plugin, but has a more modern look, cleaner interface, and looks better for mobile devices.

To use this plugin, put this code into the list panel:

```
tabplugin = {import:power-tabs-plugin}

```

Then, make a list that defines the contents of your tabs:

```
tabs
  Tab 1
    content = This {import:noun} is {import:adjective}.
  Tab 2
    content = {import:sentence}
  Tab 3
    content = Some extra additional content may appear here.

```

And then write this code anywhere in the HTML panel:

```
[tabplugin(tabs)]

```

And you will get tabs.

You can put as many tabs as you like - just follow the format of the example code above.

You can put some content that always appear before and after the tab contents. You just need to write these as the last lists.

```
beforeTabs
  Tab 1
    content = This {import:noun} is {import:adjective}.
  Tab 2
    content = {import:sentence}
  Tab 3
    content = Some extra additional content may appear here.
  #before
    content = This sentence will always appear whatever tab is on.

```

```
afterTabs
  Tab 1
    content = This {import:noun} is {import:adjective}.
  Tab 2
    content = {import:sentence}
  Tab 3
    content = Some extra additional content may appear here.
  #after
    content = This sentence will always appear whatever tab is on.

```

Both

```
beforeAfterTabs
  Tab 1
    content = This {import:noun} is {import:adjective}.
  Tab 2
    content = {import:sentence}
  Tab 3
    content = Some extra additional content may appear here.
  #before
    content = This sentence will always appear whatever tab is on.
  #after
    content = This sentence will always appear whatever tab is on.

```

You can play around with some of the options/parameters available on this plugin by creating a list and defining your options like this:

```
tabOptions
  position = bottom
  width = 400
  active = 2

```

Then, you can do this:

```
[tabplugin(tabs, tabOptions)]

```

And that will result in this image

Here are the currently available parameters: [tabplugin(tabs, position, active, wordwrap, style, width, cornersize, fixedwidth)]

#### Parameters

* **tabs** - The list of tabs that converts into individual tabs with defined contents.
* **position** - The position of the tabs. Available options are: top, bottom and both
* **active** - Set the active tab to other tabs rather than the first one. put 2 for the second, 3 for the third, and so on
* **wordwrap** - Determines whether a very long word should break to the new line. Available options are: wrap , nowrap
* **style** - Customize the look and feel of tab contents.
* **width** - Adjust the width of the tabs. The values are defined in pixels. The default width used is 540
* **cornersize** - Adjust the corner size (radius). The values are defined in pixels. The default value is 12.
* **fixedwidth** - Enable or disable fixed (same on all) width on the tab titles. If you have a bunch of tabs on your generator and overlapping text occurs, you can disable this option. Available options are: true, false

**THIS IS NOT COMPATIBLE WITH tabs-plugin!!! Please use the conversion guide to convert them.**

This plugin was made by Bluepower