Difference between revisions of "Navigation"

From Tweeki
Jump to: navigation, search
Line 86: Line 86:
 
=== Navigational Elements ===
 
=== Navigational Elements ===
  
−
Use these elements to define content for the navigational sections above.
+
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 [[Buttons|button markup]]. You can also define your own building blocks, so called [[Configuration_Options#Special_Navigational_Elements|Special Navigational Elements]].
−
 
 
−
==== EDIT ====
 
  
 +
{| class="table table-bordered"
 +
! <span class="fa fa-cube"></span> EDIT
 +
|
 
<btn icon="pencil" class="btn-primary">
 
<btn icon="pencil" class="btn-primary">
 
#|Edit
 
#|Edit
Line 96: Line 97:
 
A simple "Edit" button for the current page
 
A simple "Edit" button for the current page
  
−
==== EDIT-EXT ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> EDIT-EXT
 +
|
 
<btn class="btn-primary">
 
<btn class="btn-primary">
 
#|<span class="glyphicon glyphicon-pencil"></span> Edit
 
#|<span class="glyphicon glyphicon-pencil"></span> Edit
Line 109: Line 111:
 
</btn>
 
</btn>
  
−
A split dropdown with "Edit Page" and the other ACTIONS in the dropdown menu
+
A split dropdown with "Edit Page" and the other ACTIONS in the dropdown menu. For users or contexts in which <code>EDIT-EXT-special</code> is hidden via configuration setting, hook or parser function the button will be reduced to the appearance of EDIT.
−
 
 
−
==== TALK ====
 
  
 +
|-
 +
! <span class="fa fa-cube"></span> TALK
 +
|
 +
<btn>
 +
Talk
 +
</btn>
 
A link to the talk page or the main page if you already are on the talk page.
 
A link to the talk page or the main page if you already are on the talk page.
  
−
==== TOOLBOX ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> TOOLBOX
−
The tools: page information, special pages, upload file, related changes, ...
+
|
−
 
+
<btn>
−
==== VIEWS ====
+
Tools
−
 
+
*Page information
 +
*Special pages
 +
*Upload file
 +
*Related changes
 +
*What links here
 +
</btn>
 +
The tools (depending on context): page information, special pages, upload file, related changes, what links here
 +
|-
 +
! <span class="fa fa-cube"></span> VIEWS
 +
|
 +
<btn>
 +
Views
 +
*Read
 +
*Edit
 +
*History
 +
</btn>
 
MediaWiki standard views: read, edit, history.
 
MediaWiki standard views: read, edit, history.
  
−
==== ACTIONS ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> ACTIONS
 +
|
 +
<btn>
 +
Actions
 +
*Purge
 +
*Watch
 +
*Move
 +
*Delete
 +
</btn>
 
MediaWiki standard actions like purge, watch, move, delete.
 
MediaWiki standard actions like purge, watch, move, delete.
  
−
==== PERSONAL ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> PERSONAL
 +
|
 +
<btn>
 +
#|<span class="glyphcon glyphicon-user"></span>User
 +
*User
 +
*Discussion
 +
*Preferences
 +
*Watchlist
 +
*Contributions
 +
*Log Out
 +
</btn>
 
A link to the log in form for anonymous users, a dropdown with the personal tools if already logged in.
 
A link to the log in form for anonymous users, a dropdown with the personal tools if already logged in.
  
−
==== PERSONAL ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> PERSONAL-EXT
 +
|
 
Same as PERSONAL but using LOGIN-EXT's dropdown.
 
Same as PERSONAL but using LOGIN-EXT's dropdown.
  
−
==== LOGIN ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> 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.
  
−
==== LOGIN-EXT ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> 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.
  
−
==== SIDEBAR ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> 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]].
  
−
==== LANGUAGES ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> LANGUAGES
 +
|
 
Select different languages if your wiki supports it.
 
Select different languages if your wiki supports it.
  
−
==== SEARCH ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> SEARCH
 +
|
 
The standard search box including autocomplete.
 
The standard search box including autocomplete.
  
−
==== FIRSTHEADING ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> 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.
  
−
==== TOC ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> 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.
  
−
==== LOGO ====
+
|-
−
 
+
! <span class="fa fa-cube"></span> 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 22:56, 4 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

navbar-brand

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
Edit

A simple "Edit" button for the current page

EDIT-EXT
EditToggle Dropdown
Page history
RefreshWatchProtectMoveDelete

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
Discussion

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

TOOLBOX
Tools
Page informationSpecial pagesUpload fileRelated changesWhat links here

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

VIEWS
Views
ReadEditPage history

MediaWiki standard views: read, edit, history.

ACTIONS
Actions
PurgeWatchMoveDelete

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

PERSONAL
UserToggle Dropdown
UserDiscussionPreferencesWatchlistUser contributionsLog Out

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.

Retrieved from "https://tweeki.kollabor.at/w/index.php?title=Navigation&oldid=225"