Difference between revisions of "Template:Steps"

From LFS Manual
Jump to navigationJump to search
(Created page with "<includeonly></includeonly><ol style="list-style: none; margin: 0;"><li><span style="display: inline-block; background: rgb(100,100,100); color: white; border-radius: 50%; wid...")
 
m
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly></includeonly><ol style="list-style: none; margin: 0;"><li><span style="display: inline-block; background: rgb(100,100,100); color: white; border-radius: 50%; width: 20px; height: 20px; text-align: center;margin-right: 8px">1</span>first</li><li><span>2</span>second</li></ol><noinclude>{{documentation}}</noinclude>
+
<includeonly></includeonly><ol style="margin: 0;">{{#if:{{{1|}}}|{{steps/step|1|{{{1}}}}}}}{{#if:{{{2|}}}|{{steps/step|2|{{{2}}}}}}}{{#if:{{{3|}}}|{{steps/step|3|{{{3}}}}}}}{{#if:{{{4|}}}|{{steps/step|4|{{{4}}}}}}}{{#if:{{{5|}}}|{{steps/step|5|{{{5}}}}}}}{{#if:{{{6|}}}|{{steps/step|6|{{{6}}}}}}}{{#if:{{{7|}}}|{{steps/step|7|{{{7}}}}}}}{{#if:{{{8|}}}|{{steps/step|8|{{{8}}}}}}}{{#if:{{{9|}}}|{{steps/step|9|{{{9}}}}}}}{{#if:{{{10|}}}|{{steps/step|10|{{{10}}}}}}}</ol><noinclude>{{documentation}}</noinclude>

Latest revision as of 16:39, 25 January 2024

    Template Info-Icon.png

    Template documentation

    View - Edit

    Used to compile a set of steps in a visual way. Supports a maximum of 10 steps.

    Usage

    Inline steps

    Markup Renders as
    A paragraph.
    
    {{steps|one|two|three}}
    
    Another paragraph.

    A paragraph.

    1. 1one
    2. 2two
    3. 3three

    Another paragraph.

    Steps with multiple block elements

    Markup Renders as
    Steps with multiple block elements inside them.
    
    {{steps
    | Do this first.
    | Then, do this.
    <p>And also this. This is still step 2.</p>
    <p>[[image:Autocross Drag Strip.jpg|Replays]]</p>
    <p>Continuing step 2.</p>
    | Finally, magic.
    }}
    
    Test paragraph with a text that follows up the steps.

    Steps with multiple block elements inside them.

    1. 1 Do this first.
    2. 2 Then, do this.

      And also this. This is still step 2.

      Replays

      Continuing step 2.

    3. 3 Finally, magic.

    Test paragraph with a text that follows up the steps.

    Maximum steps

    The maximum is 10 steps.

    Markup Renders as
    {{steps|one|two|three|four|five|six|seven|eight|nine|ten}}
    1. 1one
    2. 2two
    3. 3three
    4. 4four
    5. 5five
    6. 6six
    7. 7seven
    8. 8eight
    9. 9nine
    10. 10ten