Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
wiki:plugin:bootswrapper:nav [2015/07/19 16:02] Giuseppe Di Terlizziwiki:plugin:bootswrapper:nav [2016/05/07 14:55] (current) – [With Icons Plugin] Giuseppe Di Terlizzi
Line 1: Line 1:
-====== Navs ====== +====== Navs (Tabs & Pills) ======
- +
-{{page>:wiki:plugin:bootswrapper:menu&inline&nofooter}}+
  
 ===== Tabs with DropDown menu ===== ===== Tabs with DropDown menu =====
Line 27: Line 25:
 \\ \\
  
-**Note:** Instead of ''<nowiki><nav type="tabs"></nowiki>'' you can use ''<nowiki><tabs></nowiki>'' alias.+<callout type="tip" icon="true"> 
 +Instead of ''<nowiki><nav type="tabs"></nowiki>'' you can use ''<nowiki><tabs></nowiki>'' alias. 
 +</callout>
  
 \\ \\
Line 55: Line 55:
 \\ \\
  
-**Note:** Instead of ''<nowiki><nav type="pills"></nowiki>'' you can use ''<nowiki><pills></nowiki>'' alias.+<callout type="tip" icon="true"> 
 +Instead of ''<nowiki><nav type="pills"></nowiki>'' you can use ''<nowiki><pills></nowiki>'' alias. 
 +</callout>
  
 \\ \\
Line 109: Line 111:
 ===== Tabs justified ===== ===== Tabs justified =====
  
-<code html><nav type="tabs" justified="true">+<code html5><nav type="tabs" justified="true">
   * [[:start]]   * [[:start]]
   * [[:wiki:plugin:bootswrapper:nav|Nav Plugin]]   * [[:wiki:plugin:bootswrapper:nav|Nav Plugin]]
Line 131: Line 133:
 \\ \\
  
-===== Tabs =====+===== With Icons Plugin ===== 
 + 
 +<tabs> 
 +  * {{fa>home}} DokuWiki 
 +    * [[wiki:welcome]] 
 +    * [[wiki:syntax]] 
 +</tabs> 
 + 
 +\\ 
 + 
 +<code .html5> 
 +<tabs> 
 +  * {{fa>home}} DokuWiki 
 +    * [[wiki:welcome]] 
 +    * [[wiki:syntax]] 
 +</tabs> 
 +</code> 
 + 
 +\\ 
 + 
 +<tabs> 
 +  * File 
 +    * {{fa>file-o?fw}} [[#new|New]] 
 +    * {{fa>folder-open?fw}} [[#open|Open]] 
 +    * {{fa>print?fw}} [[#print|Print]] 
 +    * {{fa>close?fw}} [[#close|Close]] 
 +  * ? 
 +    * {{fa>info?fw}} [[#about|About...]] 
 +</tabs> 
 + 
 +\\ 
 + 
 +<code html5> 
 +<tabs> 
 +  * File 
 +    * {{fa>file-o?fw}} [[#new|New]] 
 +    * {{fa>folder-open?fw}} [[#open|Open]] 
 +    * {{fa>print?fw}} [[#print|Print]] 
 +    * {{fa>close?fw}} [[#close|Close]] 
 +  * ? 
 +    * {{fa>info?fw}} [[#about|About...]] 
 +</tabs> 
 +</code> 
 + 
 +\\ 
 + 
 +===== Tab Pane =====
  
 <code html><tabs> <code html><tabs>
Line 166: Line 214:
  
 </tabs> </tabs>
 +
 +\\
 +
 +==== Tab Pane and Include Plugin ====
 +
 +Use Include Plugin with ''inline'' flag to prevent unexpected behavior.
 +
 +<code html><pane id="tab-bar">
 +{{page>:wiki:syntax#Tables&inline}}
 +</pane></code>
 +
 +<callout type="tip" icon="true">
 +=== Include plugin Documentation ===
 +
 +[...] Don't close/open sections when including a page. This flag should be used when the include syntax is used inside other syntax elements like lists or tables or inside other plugin syntax. [...] \\ (see [[doku>plugin:include]])
 +</callout>
 +
 +<callout type="tip" icon="true">
 +=== Note for TOC ===
 +
 +I suggest to add ''<nowiki>~~NOTOC~~</nowiki>'' because the TOC is displayed between the tab bar and the content.
 +</callout>
 +
 +\\
  
 ===== Attributes ===== ===== Attributes =====
Line 174: Line 246:
 | ''justified'' | optional  | ''true'' | Justify nav items | | ''justified'' | optional  | ''true'' | Justify nav items |
 | ''fade''      | optional  | ''true'' | Enable fade effect on tabs | | ''fade''      | optional  | ''true'' | Enable fade effect on tabs |
- 
  • wiki/plugin/bootswrapper/nav.1437314570.txt.gz
  • Last modified: 9 years ago
  • by Giuseppe Di Terlizzi