<html><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Steps+ app</title>
    <link rel="stylesheet" href="./rh_stepsPlusWelcomePageStyle">
    <link rel="stylesheet" href="./rh_stepsPlusWelcomePageIcons">
<meta><meta></head>
<body onfocusout="parent.setEmailRange();" style="overflow-wrap: break-word;">
    <article>
        <h1>Steps+ app</h1>
        <p class="intro">Resco Steps+ is a product that allows you to create and use step-by-step instructions for various tasks and processes.</p>
        
        <section class="columns">
            <div class="column">
                <h2>Sample data</h2>
                <p>For a better understanding, we have prepared sample data that allow you to try the entire functionality of the solution.</p>

                <h2>How to...</h2>
                <div class="accordion">

                    <div class="tabs">
                        <div class="tab">
                            <input type="checkbox" id="chck1">
                            <label class="tab-label" for="chck1">Guide template import</label>
                            <div class="tab-content">
                                <ol>
                                    <li>Download free <a href="https://resco.net/downloads/guide-example.zip" target="_blank">guide template</a></li>
                                    <li>Select "Guides Editor"</li>
                                    <li>Click button "Import" in the toolbar</li>
                                    <li>Select templates that you want to import</li>
                                    <li>Click "Import guide"</li>
                                    <li>Select the imported template</li>
                                    <li>Click "Publish" in the toolbar</li>
                                    <li>Now you can edit the Guide or start using it</li>
                                </ol>
                            </div>
                        </div>
                        <div class="tab">
                            <input type="checkbox" id="chck2">
                            <label class="tab-label" for="chck2">How to create the Guide</label>
                            <div class="tab-content">
                                <ol>
                                    <li>Go to the page “Guides Library”</li>
                                    <li>Click “New Guide”</li>
                                    <li>Write text into fields: “Guide title” and “Guide description”</li>
                                    <li>In the top right corner click “+” button</li>
                                    <li>Import image</li>
                                    <li>Drag and drop image from right side to the space for cover photo</li>
                                    <li>Click “Save”</li>
                                    <li>In the “Guides library” select the created guide</li>
                                    <li>Click “Publish” in the top-bar</li>
                                </ol>
                           </div>
                        </div>
                        <div class="tab">
                            <input type="checkbox" id="chck3">
                            <label class="tab-label" for="chck3">How to view published Guides</label>
                            <div class="tab-content">
                                <ol>
                                    <li>Go to the page “Guides List”</li>
                                    <li>Change filter to "Published Guides"</li>
                                    <li>Click on the published guide</li>
                                    <li>The guide is opened</li>
                                </ol>
                            </div>
                        </div>
                        <div class="tab">
                            <input type="checkbox" id="chck4">
                            <label class="tab-label" for="chck4">More tutorials</label>
                            <div class="tab-content">
                                <ol>
                                    <li>Wiki page: <a href="https://docs.resco.net/wiki/Guides_on_Power_Platform" target="_blank">Guides on Power Platform - Resco's Wiki</a></li>
                                    <li>Product page: <a href="https://www.resco.net/guides-manufacturing/" target="_blank">resco.Guides for Manufacturing</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>

                </div>       
            </div>
            <div class="column">
                <h2>Navigation overview</h2>    
                <div class="table">
                    <div class="cell"><i class="icon24 list"></i></div>
                    <div class="cell">
                        <h3>Guides List</h3>
                        <p>Page where you can see lists of published, draft or archived Guides.</p>
                    </div>
                </div>
                <div>
                    <div class="cell"><i class="icon24 editor"></i></div>
                    <div class="cell">
                        <h3>Guides Editor</h3>
                        <p>Resco Guides Editor tool where you can design the Guides.</p>
                    </div>
                </div>
                <div>
                    <div class="cell"><i class="icon24 category"></i></div>
                    <div class="cell">
                        <h3>Categories</h3>
                        <p>Page that allows you to categorize the Guides.</p>
                    </div>
                </div>
            </div>
        </section>
    </article>




</body></html>