User:X-Savitar/Sandbox/AlangiDerickTask2

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.