This page (revision-9) was last changed on 29-Apr-2016 21:09 by Dirk Frederickx 

This page was created on 04-Jan-2014 12:32 by Juan Pablo

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Version Date Modified Size Author Changes ... Change note
9 29-Apr-2016 21:09 3 KB Dirk Frederickx to previous removed dirt
8 31-Mar-2016 21:49 3 KB Juan Pablo to previous | to last +18556394698 windows 10 online technical support Toll free number ==> JSPWikiStyle
7 31-Mar-2016 19:07 3 KB smith to previous | to last JSPWikiStyle ==> +18556394698 windows 10 online technical support Toll free number
6 24-Jun-2015 17:35 3 KB DirkFrederickx to previous | to last
5 24-Jun-2015 17:34 1 KB DirkFrederickx to previous | to last
4 23-Jun-2015 18:23 3 KB DirkFrederickx to previous | to last
3 23-Jun-2015 18:22 3 KB DirkFrederickx to previous | to last
2 04-Jan-2014 15:30 3 KB Harry Metske to previous | to last linked to category.documentation + minor updates
1 04-Jan-2014 12:32 3 KB Juan Pablo to last and more content based on original page..
Incoming links Outgoing links
TabbedSections
TabbedSections

Difference between version and

At line 1 added 8 lines
%%prettify-nonum
[{TableOfContents}]
!! Tabbed Sections
This %%category [JSPWikiStyle]%% allows you to add dynamic tab functionality to your pages, through the use of {{%~%tabbedSection}} or {{%~%tabs}} markup.
See also [TabbedSectionTag], [Accordion]
At line 30 changed one line
%%information You can use %~%tabs and %~%pills only in the [Haddock Template] /%
%%information
You can use %~%tabs and %~%pills only in the [Haddock Template]
/%
At line 32 changed one line
%%label-warning new/% You can now also use {{%~%tabs}} shorthand markup. Just use simple header markup (!, !!, !!!) to identify a new tab. The weight of the first header is used to match the other tabs. If you want, you can still use headers with another weight inside a tab pane.\\
You can now also use {{%~%tabs}} shorthand markup. Just use simple header markup (!, !!, !!!) to identify a new tab. The weight of the first header is used to match the other tabs. If you want, you can still use headers with another weight inside a tab pane.\\
At line 55 added 72 lines
!This Is My First Tab
Some text inside the first tab.
!This Is My Last Tab
Some other text inside the second tab.
/%
/%
%%label-warning new/% The {{%~%pills}} style will give your tabs another layout. You can use it with either the original or simplified markup.
%%columns
{{{
%%pills
%%tab-ThisIsMyFirstTab
Some text inside the first tab.
/%
%%tab-ThisIsMyLastTab
Some other text inside the second tab.
/%
/%
}}}
----
%%pills
%%tab-ThisIsMyFirstTab
Some text inside the first tab.
/%
%%tab-ThisIsMyLastTab
Some other text inside the second tab.
/%
/%
/%
%%columns
{{{
%%pills
!This Is My First Tab
Some text inside the first tab.
!This Is My Last Tab
Some other text inside the second tab.
/%
}}}
----
%%pills
!This Is My First Tab
Some text inside the first tab.
!This Is My Last Tab
Some other text inside the second tab.
/%
/%
----
!! FAQ
;How can you float content next to a tabbed section ?: Tabs always occupy the full width of the page, and do not allow to float other content next to it. You can of course wrap the {{%~%tabbedSection}} in an extra block with a reduced width.
%%commentbox
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dictum velit eget risus. Fusce ligula. Maecenas vitae velit eget odio pulvinar aliquet. Quisque ultricies mollis lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent dapibus odio. Nullam sodales erat vel pede. Morbi ut turpis. Sed sed metus.
/%
%%(width:60%; float:left;)
%%tabbedSection
%%tab-ThisIsTheFirstTab
Some text inside the first tab.
/%
%%tab-ThisIsTheLastTab
Some other text inside the second tab.
/%
/%
/%
/%
This page (revision-9) was last changed on 29-Apr-2016 21:09 by Dirk Frederickx  Top