Difference between revisions of "Navigation"
Line 31: | Line 31: | ||
It consists of three parts whose contents can be changed via system messages: <code>navbar-brand</code>, <code>navbar-left</code>, and <code>navbar-right</code> | It consists of three parts whose contents can be changed via system messages: <code>navbar-brand</code>, <code>navbar-left</code>, and <code>navbar-right</code> | ||
− | <div class="navbar navbar-default"> | + | <div class="navbar navbar-default navbar-light navbar-expand-sm"> |
<div class="container-fluid"> | <div class="container-fluid"> | ||
<div class="navbar-header"><btn class="navbar-brand">navbar-brand</btn></div> | <div class="navbar-header"><btn class="navbar-brand">navbar-brand</btn></div> | ||
− | <ul class=" | + | <div class="navbar-collapse collapse> |
− | <btn wrapper="li" wrapperclass="" class=""> | + | <ul class="navbar-nav mr-auto" style="margin:0"> |
+ | <btn wrapper="li" wrapperclass="nav-item" class="nav-link"> | ||
navbar-left | navbar-left | ||
*navbar-left | *navbar-left | ||
</btn> | </btn> | ||
</ul> | </ul> | ||
− | <ul class=" | + | <ul class="navbar-nav" style="margin:0"> |
− | <btn wrapper="li" wrapperclass="" class=""> | + | <btn wrapper="li" wrapperclass="nav-item" class="nav-link"> |
navbar-right | navbar-right | ||
*navbar-right | *navbar-right | ||
Line 47: | Line 48: | ||
</btn> | </btn> | ||
</ul> | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 59: | Line 61: | ||
<ul class="nav nav-pills"> | <ul class="nav nav-pills"> | ||
− | <btn class="" wrapper="li" wrapperclass=" | + | <btn class="nav-link active" wrapper="li" wrapperclass="nav-item"> |
#|Link | #|Link | ||
</btn> | </btn> | ||
− | <btn class="" wrapper="li" wrapperclass=""> | + | <btn class="nav-link" wrapper="li" wrapperclass="nav-item"> |
#|Link | #|Link | ||
Link | Link | ||
Line 73: | Line 75: | ||
<ul class="nav nav-tabs"> | <ul class="nav nav-tabs"> | ||
− | <btn class="" wrapper="li" wrapperclass=" | + | <btn class="nav-link active" wrapper="li" wrapperclass="nav-item"> |
#|Link | #|Link | ||
</btn> | </btn> | ||
− | <btn class="" wrapper="li" wrapperclass=""> | + | <btn class="nav-link" wrapper="li" wrapperclass="nav-item"> |
#|Link | #|Link | ||
Link | Link |
Revision as of 23:44, 16 November 2020
see also Navigation examples
You can change the content of these via system messages and control the visibility via the {{#tweekihide:}}
parser function and configuration options.
Example: If you want to change the content of the right sidebar edit MediaWiki:tweeki-sidebar-right.
navbar | ||
sidebar- left |
subnav | sidebar- right |
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: |
---|---|
subnav |
The subnavigation, using Bootstrap's Pills
|
sidebar-left |
The left sidebar is empty by default. |
sidebar-right |
The right sidebar contains the edit button and the table of contents by default. |
footer |
The footer is fully customizable. See Footer Examples for an overview. It's default contents are
|
firstHeading |
This element's content can not be changed directly but it can be hidden on certain pages or for certain users. |
footer-info |
|
footer-places |
|
footer-custom |
fully customizable via MediaWiki:Tweeki-footer-custom – Shows a login link by default and is hidden for logged-in users. |
footer-icons |
|
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.
And you can always link to internal or external pages or build semantic dropdowns using Tweeki's Button syntax.
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 Note that the standard configuration hides EDIT-EXT for users who don't explicitly opt in to see „advanced features“ (see the $wgTweekiSkinHideNonAdvanced configuration parameter). Also note: in order to completely hide the edit button for non-advanced users (e.g. anonymous users) you have to use |
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 |
TOOLBOX-EXT |
The tools (depending on context): page information, special pages, upload file, related changes, what links here PLUS recent changes (for the whole site) |
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 |
TOC |
Table of contents, if placed in the sidebar it makes use of Bootstrap's scrollspy feature. |
LOGO |
the Logo as set via |