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/27 09:12] – [Tabs] 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 169: Line 217:
 \\ \\
  
-==== Tabs and Include Plugin ====+==== Tab Pane and Include Plugin ====
  
 Use Include Plugin with ''inline'' flag to prevent unexpected behavior. Use Include Plugin with ''inline'' flag to prevent unexpected behavior.
Line 177: Line 225:
 </pane></code> </pane></code>
  
-From the [[doku>plugin:include]] documentation:+<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.//+[...] 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 === === Note for TOC ===
  
 I suggest to add ''<nowiki>~~NOTOC~~</nowiki>'' because the TOC is displayed between the tab bar and the content. I suggest to add ''<nowiki>~~NOTOC~~</nowiki>'' because the TOC is displayed between the tab bar and the content.
 +</callout>
 +
 +\\
  
 ===== Attributes ===== ===== Attributes =====
Line 192: 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.1437981149.txt.gz
  • Last modified: 9 years ago
  • by Giuseppe Di Terlizzi