History: test
Preview of version: 42
Test Page
PluginTabs
Introduced in Tiki4
Use this wiki plugin to arrange content into tabs.
Parameters
Arrange content in tabsIntroduced in Tiki 4. Required parameters are in
bold.Go to the source code
Preferences required: wikiplugin_tabs
| Parameters | Accepted Values | Description | Default | Since |
|---|---|---|---|---|
| (body of plugin) | Tabs content, separated by "/////" | |||
tabs |
text | Pipe-separated list of tab titles. Example:tab 1|tab 2|tab 3 |
4.0 | |
panelbgcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
panelbordercolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
panelborderwidth |
text | To change the width of panel border in pixels (1 by default). For example: 3 for 3 pixels | 1 | 25.0 |
panelfontsize |
text | To set the size of the text in pixels. For example: 20 for 20 pixels | 16 | 25.0 |
paneltextcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
tabactivebgcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
tabactivetextcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
tabbgcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
tabbordercolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
tabborderwidth |
text | To change the width of tabs border in pixels (1 by default). For example: 3 for 3 pixels | 1 | 25.0 |
tabfontsize |
text | To set the size of the tabs text in pixels. For example: 20 for 20 pixels | 16 | 25.0 |
tabtextcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
name |
text | Unique tabset name (if you want the last state to be remembered). Example:user_profile_tabs |
4.0 | |
inside_pretty |
(blank) n y |
Parse pretty tracker variables within tabs | n | 8.0 |
panelborderstyle |
(blank)| none| hidden| dotted| dashed| solid| double| groove| ridge| inset| outset | Determine the kind of border to apply to the panels | none | 25.0 |
panelfontweight |
(blank) normal bold bolder lighter 900 |
Use to define the thickness of the text characters to be displayed in the panels | normal | 25.0 |
paneltextstyle |
(blank) normal italic oblique |
Use to change the panels text style | normal | 25.0 |
tabborderstyle |
(blank)| none| hidden| dotted| dashed| solid| double| groove| ridge| inset| outset | Determine the kind of border to apply to the tabs | none | 25.0 |
direction |
(blank) horizontal vertical |
Change direction of tabs (horizontal by default). | horizontal | 25.0 |
tabfontstyle |
(blank) normal italic oblique |
Use to specify the font style of the tabs text | normal | 25.0 |
tabfontweight |
(blank) normal bold bolder lighter 900 |
Use to define the thickness of the text characters to be displayed in the tabs | normal | 25.0 |
toggle |
(blank) y n |
Allow toggling between tabs and no-tabs view | y | 8.0 |
Example
This code:
Copy to clipboard
{TABS(name="user_tabset_01" tabs="Title 1|Title 2|Title3")}This is the content of the first tab ///// This is the content of the second tab ///// This is the content of the third tab {TABS}
Would produce:
This is the content of the first tab
This is the content of the second tab
This is the content of the third tab
When clicking on a tab name, the content of each tab is loaded and shown without refreshing the browser window.
And when clicking on the "No Tabs" option, the display would change into:
Related pages
Aliases
Plugintabs | Plugintab | PluginTab | Plugin Tabs | Plugin tabs
Bernard test for video
HTML for bootstrap 5.3
It is not possible to add a class in the Wikiplugin (which is another consistency issue between wiki plugins) so it have to be added in the parent div.
Ignore this, just a page for testing.
Test Thursday 23 January, 2025 05:17:25 UTC
I don't ignore pages 😊
Just another testing line...
This will break this page:
Click to expand
16 : 9 ratio
For Tiki 7
- 28 may - jb here testing saving ajax errors
- Maybe try without having done a preview...
- what else could it be? 3 saves and no error (in Firefox 4.0.1)
- trying the click on save directly thing... seemed fine
- maybe if you edit for ages?
- I bet it only happens when you really don't want it to...
- trying with pop-up preview...
- Seems the auto save timer is broken 😑
- Wonder if that magnify icon to open/close the preview pane is the right icon?
- Probably not...
- I also wonder if there are any docs about this new preview thing?
Have to go out now, will try more later.
Previously on Tiki 6
- In Safari if you make a change and then click directly on the save button you sometimes get an alert about an undefined and irrelevant AJAX error.
- Fixed (as far as i can tell)