Difference between revisions of "Navigation"

From Tweeki
Jump to: navigation, search
Line 89: Line 89:
  
 
{| class="table table-bordered"
 
{| class="table table-bordered"
! <span class="fa fa-cube"></span> EDIT
+
! <span class="fa fa-cube"></span>&nbsp;EDIT
 
|
 
|
 
<btn icon="pencil" class="btn-primary">
 
<btn icon="pencil" class="btn-primary">
Line 98: Line 98:
  
 
|-
 
|-
! <span class="fa fa-cube"></span> EDIT-EXT
+
! <span class="fa fa-cube"></span>&nbsp;EDIT-EXT
 
|
 
|
 
<btn class="btn-primary">
 
<btn class="btn-primary">
Line 114: Line 114:
  
 
|-
 
|-
! <span class="fa fa-cube"></span> TALK
+
! <span class="fa fa-cube"></span>&nbsp;TALK
 
|
 
|
 
<btn>
 
<btn>
Line 122: Line 122:
  
 
|-
 
|-
! <span class="fa fa-cube"></span> TOOLBOX
+
! <span class="fa fa-cube"></span>&nbsp;TOOLBOX
 
|
 
|
 
<btn>
 
<btn>
Line 134: Line 134:
 
The tools (depending on context): page information, special pages, upload file, related changes, what links here
 
The tools (depending on context): page information, special pages, upload file, related changes, what links here
 
|-
 
|-
! <span class="fa fa-cube"></span> VIEWS
+
! <span class="fa fa-cube"></span>&nbsp;VIEWS
 
|
 
|
 
<btn>
 
<btn>
Line 145: Line 145:
  
 
|-
 
|-
! <span class="fa fa-cube"></span> ACTIONS
+
! <span class="fa fa-cube"></span>&nbsp;ACTIONS
 
|
 
|
 
<btn>
 
<btn>
Line 157: Line 157:
  
 
|-
 
|-
! <span class="fa fa-cube"></span> PERSONAL
+
! <span class="fa fa-cube"></span>&nbsp;PERSONAL
 
|
 
|
 
<btn>
 
<btn>
#|<span class="glyphcon glyphicon-user"></span>User
+
#|<span class="glyphicon glyphicon-user"></span>User
 
*User
 
*User
 
*Discussion
 
*Discussion
Line 171: Line 171:
  
 
|-
 
|-
! <span class="fa fa-cube"></span> PERSONAL-EXT
+
! <span class="fa fa-cube"></span>&nbsp;PERSONAL-EXT
 
|
 
|
 
Same as PERSONAL but using LOGIN-EXT's dropdown.
 
Same as PERSONAL but using LOGIN-EXT's dropdown.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> LOGIN
+
! <span class="fa fa-cube"></span>&nbsp;LOGIN
 
|
 
|
 
A link to the log in form for anonymous users, empty if already logged in.
 
A link to the log in form for anonymous users, empty if already logged in.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> LOGIN-EXT
+
! <span class="fa fa-cube"></span>&nbsp;LOGIN-EXT
 
|
 
|
 
A dropdown to allow logging in while staying on the same page.
 
A dropdown to allow logging in while staying on the same page.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> SIDEBAR
+
! <span class="fa fa-cube"></span>&nbsp;SIDEBAR
 
|
 
|
 
The original content of the sidebar for Mediawiki's standard skins as defined in [[Mediawiki:Sidebar]].
 
The original content of the sidebar for Mediawiki's standard skins as defined in [[Mediawiki:Sidebar]].
  
 
|-
 
|-
! <span class="fa fa-cube"></span> LANGUAGES
+
! <span class="fa fa-cube"></span>&nbsp;LANGUAGES
 
|
 
|
 
Select different languages if your wiki supports it.
 
Select different languages if your wiki supports it.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> SEARCH
+
! <span class="fa fa-cube"></span>&nbsp;SEARCH
 
|
 
|
 
The standard search box including autocomplete.
 
The standard search box including autocomplete.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> FIRSTHEADING
+
! <span class="fa fa-cube"></span>&nbsp;FIRSTHEADING
 
|
 
|
 
You can place the first heading in any navigational section. Note that you can control the visibility of this element with <code>FIRSTHEADING</code> and the original heading in the content with <code>firstHeading</code>, i.e. it is case sensitive.
 
You can place the first heading in any navigational section. Note that you can control the visibility of this element with <code>FIRSTHEADING</code> and the original heading in the content with <code>firstHeading</code>, i.e. it is case sensitive.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> TOC
+
! <span class="fa fa-cube"></span>&nbsp;TOC
 
|
 
|
 
Table of contents, if placed in the sidebar it makes use of Bootstrap's [http://getbootstrap.com/javascript/#scrollspy scrollspy] feature.
 
Table of contents, if placed in the sidebar it makes use of Bootstrap's [http://getbootstrap.com/javascript/#scrollspy scrollspy] feature.
  
 
|-
 
|-
! <span class="fa fa-cube"></span> LOGO
+
! <span class="fa fa-cube"></span>&nbsp;LOGO
 
|
 
|
 
the Logo as set via <code>$wgLogo</code> in LocalSettings.php. Use <code>#p-logo</code> to adapt the styling.
 
the Logo as set via <code>$wgLogo</code> in LocalSettings.php. Use <code>#p-logo</code> to adapt the styling.
 
|}
 
|}

Revision as of 00:58, 5 March 2015

Navigational Sections

You can change the content of these via system messages and control the visibility via the {{#tweekihide:}} parser function and configuration options.


navbar
sidebar subnav
main content
(including firstHeading)
footer


navbar

The main navigation on the top of the page. In this demo installation it is hidden for anonymous users. It can scroll with the page or it can be fixed and always visible (configure it via MediaWiki:Tweeki-navbar-class).

It consists of three parts whose contents can be changed via system messages: navbar-brand, navbar-left, and navbar-right

subnav

The subnavigation, using Bootstrap's .nav classes.

Pills

Tabs

sidebar

The sidebar typically contains the edit button and the table of contents.

firstHeading

This element's content can not be changed directly but it can be hidden on certain pages or for certain users.

footer

Fully customizable.

Navigational Elements

These are some standard building blocks for the navigation. Use these elements to define content for the navigational sections above and add your own custom items using button markup. You can also define your own building blocks, so called Special Navigational Elements.

 EDIT

A simple "Edit" button for the current page

 EDIT-EXT

A split dropdown with "Edit Page" and the other ACTIONS in the dropdown menu. For users or contexts in which EDIT-EXT-special is hidden via configuration setting, hook or parser function the button will be reduced to the appearance of EDIT.

 TALK

A link to the talk page or the main page if you already are on the talk page.

 TOOLBOX

The tools (depending on context): page information, special pages, upload file, related changes, what links here

 VIEWS

MediaWiki standard views: read, edit, history.

 ACTIONS

MediaWiki standard actions like purge, watch, move, delete.

 PERSONAL

A link to the log in form for anonymous users, a dropdown with the personal tools if already logged in.

 PERSONAL-EXT

Same as PERSONAL but using LOGIN-EXT's dropdown.

 LOGIN

A link to the log in form for anonymous users, empty if already logged in.

 LOGIN-EXT

A dropdown to allow logging in while staying on the same page.

 SIDEBAR

The original content of the sidebar for Mediawiki's standard skins as defined in Mediawiki:Sidebar.

 LANGUAGES

Select different languages if your wiki supports it.

 SEARCH

The standard search box including autocomplete.

 FIRSTHEADING

You can place the first heading in any navigational section. Note that you can control the visibility of this element with FIRSTHEADING and the original heading in the content with firstHeading, i.e. it is case sensitive.

 TOC

Table of contents, if placed in the sidebar it makes use of Bootstrap's scrollspy feature.

 LOGO

the Logo as set via $wgLogo in LocalSettings.php. Use #p-logo to adapt the styling.