Jump to content

User:X-Savitar/Sandbox/AlangiDerickTask2

From Meta, a Wikimedia project coordination wiki
Documentation

Usage

[edit]

This template is a take home work for recreating a sample Education Dashboard navigation UI which can be used on a wiki.

Template Output

[edit]

When the template is called, it's displayed in the form seen below (the template graphics). See example below how this template can be called.

Education Program

Styling

[edit]

The template takes parameters such as;

  • activeTab1: This is set to the background color of the first active tab, the one which reads "Start" and it's light grey by default as it's the initial tab.
  • activeTab2: The "Plan" tab takes this as parameter to set it's active tab color.
  • activeTab3: Active tab color for "Run" tab.
  • activeTab4: Sets the tab color for "Evaluate" tab when active.
  • activeTab5: Finally, sets the active tab color of the "Connect" tab.

The active tab color in this case is #f2f2f2 which is light-grey as specified by the task.

Example

[edit]

This template can be called and arguments passed to it's parameters as below;

{{User:Alangi_Derick/Sandbox/AlangiDerickTask1
| Plan 
| activeTab1 = #fff
| activeTab2 = #f2f2f2
}}

The above example will set the Plan tab background color to #f2f2f2 which in this case is our active tab and then the rest to #fff (white). activeTab1 is set here to over-write the default color (#f2f2f2) since it's by default active.