User:Akar1/sandbox/AbhishekKarTask2
Create Task 2 Here
Education Program
Edit-a-thons
Usage[edit]
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
- For information on how to create hyperlinks in wiki markup, refer to https://en.wikipedia.org/wiki/Help:Link.
- 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: