Template:Howto: Difference between revisions

From Tygron Support wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<includeonly><!--
<includeonly><!--
-->{{#if:{{{file|}}}|<div class='editor_steps_box_wrapper'>}}
-->{{#if:{{{file|}}}|<div class='editor_steps_box_wrapper'>}}<!--
<div class='editor_steps_box'>
--><div class='editor_steps_box'>
<div class='editor_steps_header'>
<div class='editor_steps_header'>
<div class='editor_steps_title'><span>'''{{{preamble|{{#if:{{{title|}}}|How to|{{PAGENAME}}}}}}}{{#if:{{{title|}}}|&nbsp;{{{title|}}}|}}:'''</span></div><!--
<div class='editor_steps_title'><span>'''{{{preamble|{{#if:{{{title|}}}|How to|{{PAGENAME}}}}}}}{{#if:{{{title|}}}|&nbsp;{{{title|}}}|}}:'''</span></div><!--
Line 43: Line 43:
| The title will automatically be the page name.
| The title will automatically be the page name.
}}
}}


{{{{PAGENAME}}
{{{{PAGENAME}}
Line 51: Line 52:
| Finally, write instructions.
| Finally, write instructions.
}}
}}


{{{{PAGENAME}}
{{{{PAGENAME}}

Revision as of 07:35, 23 November 2023


If more are needed, add:
-->{{#if:{{{20|}}}|{{{form|:#}}} {{{20}}}}}<!--

Example:

Howto:
  1. First include the template.
  2. Then write instructions.
  3. The title will automatically be the page name.


How to add a custom title:
  1. First include the template.
  2. Then add a "title" parameter, which will be prefixed with "How to".
  3. Finally, write instructions.


Setting up other parameters:
  • Include the template.
  • Use a "preamble" parameter, which will replace the default "How to".
  • Use a "title" parameter, which will be prefixed with the entered prefix.
  • Use a "form" parameter to dictate the listing prefix (":#" is default, "::*" for indented unordered list.
  • Demo-3-30-300.jpg
    Use a "howtoblock" to:
    Add multiline instructions
    Use an "image" for those instructions.
  • Finally, review the result.


The template can be generated using javascript by executing the following function in javascript ((deprecated, needs to be updated):

var steps=20;
var string="<!--";
string=string+"\n"+ "-->{{#if:{{{file|}}}|<div class='editor_steps_box_wrapper'>}}";
string=string+"\n"+ "<div class='editor_steps_box'>";
string=string+"\n"+ "<div class='editor_steps_header'>";
string=string+"\n"+ "<div class='editor_steps_title'><span>'''{{{preamble|{{#if:{{{title|}}}|How to|{{PAGENAME}}}}}}}{{#if:{{{title|}}}|&nbsp;{{{title|}}}|}}:'''</span></div><!--";
string=string+"\n"+ "-->{{#if:{{{video|}}}|<div class='howto_video'><span class='video_text'>Watch the video:&nbsp;</span>[[File:YoutubeLogo1.jpg|link={{{video|}}}|frameless|right|75px]]</div>|}}<!--";
string=string+"\n"+ "--></div><!--";
string=string+"\n"+ "--><div class='editor_steps_content'><!--";
string=string+"\n";
for(i=1;i<=steps;i++) {;
    string=string+"\n"+"-->{{#if:{{{"+i+"|}}}|{{{form|:#}}} {{{"+i+"}}}}}<!--";
}
string=string+"\n"+ "--></div><!--";
string=string+"\n"+ "--></div><!--";
string=string+"\n"+ "-->{{#if:{{{file|}}}|<div class='editor_steps_image'>{{{file|}}}</div></div>}}<!--";
string=string+"\n"+ "-->";

console.log(string);