History: test

            {syntax type="markdown"  editor="wysiwyg"} # Test Page

# PluginTabs


*This code:*
{CODE(colors="tiki")}
{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}
{CODE}

*Would produce:*
{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}

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:

{img src="tiki-download_file.php?fileId=185" alt="tiki4_plugin_tabs_01.png (13.01 Kb)" class=reflect align=center}

## Related pages

- ((PluginPageTabs))

## Aliases

(alias(Plugintabs)) | (alias(Plugintab)) | (alias(PluginTab)) | (alias(Plugin Tabs)) | (alias(Plugin tabs))

### Bernard test for video

#### HTML for bootstrap 5.3

{HTML()}
<div class="object-fit-contain">
<iframe src="https://www.youtube-nocookie.com/embed/L5fy1hk4rew" allowfullscreen="y"></iframe>
</div>
{HTML}

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 {now}

I don't ignore pages 😊

Just another testing line...

This will break this page: {h5p fileId="1367"}

{img src="display738" link="display738" width="400" rel="box[g]" imalign="center" desc="Click to expand" align="center" styleimage="border"}

### 16 : 9 ratio



{DIV(class=row)} 
{DIV(class=col-md-6)}

### b. 16 : 9 ratio iframe


''This code ..." 
{CODE()}
{HTML()}
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube.com/embed/2c7pVXTGZSI" allowfullscreen="y"></iframe>
</div>
{HTML}
{CODE}

*... will show this video*
{HTML()}
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube.com/embed/2c7pVXTGZSI" allowfullscreen="y"></iframe>
</div>
{HTML}

{DIV}

{DIV(class=col-md-6)}

### d. 4 : 3 ratio iframe


''This code ..." 
{CODE()}
{HTML()}
<div class="embed-responsive embed-responsive-4by3">
<iframe src="https://www.youtube.com/embed/2c7pVXTGZSI" allowfullscreen="y"></iframe>
</div>
{HTML}
{CODE}

*... will show this video*
{HTML()}
<div class="embed-responsive embed-responsive-4by3">
<iframe src="https://www.youtube.com/embed/2c7pVXTGZSI" allowfullscreen="y"></iframe>
</div>
{HTML}

{DIV}
{DIV}

## 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)


{mediaplayer fullscreen="true" src="https://doc.tiki.org/tiki-download_file.php?fileId=2059" style="maxi" autoload="1" loadonstop="1" buttonovercolor="1173a5" loadingcolor="1173a5" sliderovercolor="1173a5" showfullscreen="1" showiconplay="1" showstop="1" showtime="1" showvolume="1" 
startimage="show_image.php?id=567" top1="https://branding.tiki.org/tiki-download_wiki_attachment.php?attId=8|10|10"}