source: main/adopters/nj/trunk/src/main/webapps/doh-shad-content/xml/html_content/home/CopyGraphs.xml @ 23267

<?xml version="1.0" encoding="ISO-8859-1"?>

<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">

        <ibis:doc>
                <name>home/</name>
                <summary>Home Page</summary>
                <description>
                </description>

                <author>Garth Braithwaite</author>
                <company>Utah Department of Health/Software Technology Group</company>
                <versions>
                        <version>
                                <number>1.0</number><date>Jan 16, 2006</date><who>Garth</who><description>initial release</description>
                        </version>
                        <version>
                                <number>2.0</number><date>10/20/16</date><who>Maria</who><description>updated for Kendo graphs</description>
                        </version>
                </versions>
        </ibis:doc>

        <TITLE>Copying NJSHAD Graphs with the Snipping Tool</TITLE>

        <CONTENT>
                These directions are for <strong>Windows 7</strong>.  Other operating systems may not have the <strong>Snipping Tool</strong>, which looks like this: <img src="../view/image/home/Snipping-tool-icon.png" alt="Windows snipping tool icon" width="50" title="Windows Snipping Tool"/>

                <br/><br/>
                <ol>
                        <li>Make sure the graph you want to copy is visible on your screen.</li><br/>
                        
                        <li>Go to your computer's <strong>Start</strong> menu <img src="../view/image/home/Windows-Start-Orb.png" alt="Start menu icon" width="25" title="Start menu icon"/> (in the lower left corner of your computer screen, unless you've moved it)<br/> and select <strong>Snipping Tool</strong>.  <img src="../view/image/home/Snipping-tool-icon.png" alt="Windows snipping tool icon" width="40" title="Windows Snipping Tool"/><br/><br/>
                        If it's not showing, click <strong>All Programs</strong><br/> 
                        <img src="../view/image/home/AllPrograms.png" alt="All Programs" width="300" title="All Programs"/><br/><br/> 
                        and then the <strong>Accessories</strong> folder<br/> 
                        <img src="../view/image/home/AccessoriesFolder.png" alt="Accessories folder" width="300" title="Accessories folder"/>.<br/><br/>   
                        You should find <strong>Snipping Tool</strong> in there.</li><br/>
                        
                        <li>The <strong>Snipping Tool</strong> pop-up has several choices under <strong>New</strong>.  Select <strong>Rectangular Snip</strong>.<br/>
                        <img src="../view/image/home/SnippingPopUp.png" alt="SnippingPopUp" width="300" title="SnippingPopUp"/></li><br/>
                        
                        <li>As you put your mouse near the graph you want to copy, you should see a big plus sign.  Put that at one of the corners of the graph.</li><br/>
                        <li>Depress your mouse button and slide diagonally across the graph until the entire graph is highlighted.  Release the mouse button.</li><br/>
                        
                        <li>Your "snip" will appear in a new window.</li><br/>
                        
                        <li>You can do one of two things:</li>
                                <ul>
                                        <li>Click <strong>Save</strong> (the <span style="color:purple">purple floppy disk</span> icon) to save the snip as a file.<br/><img src="../view/image/home/SaveSnip.png" alt="floppy disk icon" width="400" title="Save Snip"/></li>
                                        <li>Go to the document you want to put the graph in and <strong>Paste</strong> (Ctrl-V) there.  The graph should appear in your document.</li>
                                </ul>
                </ol>
                <br/>
                The same technique works if you want to copy and paste a data table as an image.
                <br/><br/>
                For more information, see <a href="https://support.microsoft.com/en-us/help/13776/windows-use-snipping-tool-to-capture-screenshots">Use Snipping Tool to capture screenshots</a> on Microsoft's website or<br/> <a href="https://www.wikihow.com/Take-a-Screenshot-with-the-Snipping-Tool-on-Microsoft-Windows">How to Take a Screenshot with the Snipping Tool on Microsoft Windows</a> from WikiHow.
                <br/><br/>      
                <!--There are several options for copying NJSHAD graphs into PowerPoint or 
                other applications.  To do any of the listed options, you must be viewing the 
                desired NJSHAD page in your browser and have the desired application active
                in your system at the same time.
                <br/><br/>

                <div class="Note">
                        These instructions listed are for Microsoft Internet Explorer 5 or 6
                        running on a PC with a MS-Windows Operating System (most modern browsers 
                        and operating systems will have similar options as the ones listed below).
                        This page does not list all options as there are many ways to accomplish 
                        this task.  If one method does not work for you please try another one.  
                </div><br/>

                <h2>Easiest (if JPEG graphic)</h2>
                <ol>
                        <li>Using the mouse, right click on the graphic image and choose "Copy" or "Copy Image".
                                You can also use several other mechanisms to select and copy the image like
                                selecting the image and pressing [Ctrl][C] on the keyboard, or selecting the 
                                image then selecting the "Copy" option from the "Edit" etc.
                        </li>
                        <li>Go to the application you want to use the graphic and select the "Paste" option either
                                by pressing the [Ctrl][V] keys on the keyboard, or choosing the Edit/Paste menu option, 
                                or right clicking the mouse and choosing "Paste" from the popup menu.
                        </li>
                </ol><br/>

                <h2>Easy (capture the entire browser window - 2 steps) - <a href="view/sharedstatic/InstructionsDirect.ppt">Direct Method</a>  <a href="view/sharedstatic/InstructionsDirect.ppt"><img src="../view/image/external_link.png" alt="external link icon" width="16" height="16" title="Additional Information"/></a></h2>
                <ul>
                        <li>This method is the simplest method. It uses the Print Screen button and the Paste function.</li>
                        <li>Use this when you want an image of the entire computer screen or active window.</li>
                </ul><br/>


                <h2>Still Pretty Easy (3-4 steps) - <a href="view/sharedstatic/InstructionsPaint.ppt">Paint Method</a> <a href="view/sharedstatic/InstructionsPaint.ppt"><img src="../view/image/external_link.png" alt="external link icon" width="16" height="16" title="Additional Information"/></a></h2>
                <ul>
                        <li>This method uses the Print Screen button and the Paint program 
                                (or any program that allows editing or bitmap graphic images).
                        </li>
                        <li>It allows you to crop the image to only the graph (or anything else 
                                you'd like to grab and insert into your application as a bitmap image).
                        </li>
                        <li>This results in a bitmap image that can be saved to a file or copied
                                and pasted into the application.</li>
                </ul><br/>

        <div class="Note">
                <img src="../view/image/info_icon.gif" alt="info icon" width="15" height="15" title="Additional Information"/>
                Direct Method and Paint Method Powerpoint instructions are provided by the Utah Department of Health and
                are shown in NJSHAD's parent application, IBIS-PH.
        </div>
        <br/-->

        </CONTENT>
</HTML_CONTENT>