User:Akar1/sandbox/AbhishekKarTask2

Create Task 2 Here

Education Program  

Start Plan Run Evaluate Connect

Edit-a-thons  

Summary Limitations Inputs Outputs Outcomes Key Findings Appendix

Documentation[view] [edit] [history] [purge]

Usage

This template named TabbedContent is used to create new tabbed content. These type of navigation templates provide pages with a header, a tab on top and a description associated with very every tab. The usage of the template is as follows:

• Create a header with an <h1> tag.
  • For more information on h1 tags and its associated header tags in HTML refer to the documentation at https://www.w3schools.com/tags/tag_hn.asp
  • Any styling required for the header can be accomplished through a style attribute to the header tag.
    • For more information on style refer to https://www.w3schools.com/tags/tag_style.asp
    • For color picking please use the following link https://www.google.com/search?q=%23ffffff
• Invoke a double curly brace structure and inside it call the headerRender function from my_module as given below:
  {{#invoke: my_module | headerRender ... }}
• After invocation, the tab color and respective tab names should be given separated by a ':'. Additionally a hyperlink should be created to direct to the page that has the content for description of the given tab header.
  • For information on how to create hyperlinks in wiki markup, refer to https://en.wikipedia.org/wiki/Help:Link.
    • Additionally a third parameter may be provided to embed additional style attributes.(The same has to separated by another ':')
    • Note: HTML Anchor Tags are not supported. https://en.wikipedia.org/wiki/Help:HTML_in_wikitext#a
• An example is given below:
  

  red:[[/Run|Run]]

• All the tab headers should be separated by a '|' operator and the last input attribute should be a key=value pair of the color that the tag banner should take.

An example of a complete invocation statement is
  {{#invoke: my_module | headerRender | orange:[[/Plan|Plan]] | red:[[/Run|Run]] | color=3e8e41 }}

• Finally, the same should be repeated on all subpages created in the invocation pages and a <span> tag containing the description of the subpage.

For a complete visual please see below:

The above documentation is transcluded from User:Akar1/sandbox/AbhishekKarTask2/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this page.