Template:Howto

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.

• 

  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);