<!DOCTYPE html>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" lang="en-us" xml:lang="en-us" class="_Skins_Global_Global_HTML5" data-mc-search-type="Stem" data-mc-help-system-file-name="Default.xml" data-mc-path-to-help-system="../../../../" data-mc-has-content-body="True" data-mc-toc-path="[%=System.LinkedTitle%]" data-mc-conditions="Local.3D,Local.ViDi" data-mc-target-type="WebHelp2" data-mc-runtime-file-type="Topic;Default" data-mc-preload-images="false" data-mc-in-preview-mode="false" data-mc-medium="HTML5">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="msapplication-config" content="../../../../Skins/Favicons/browserconfig.xml" />
        <link rel="shortcut icon" href="../../../../Skins/Favicons/favicon.png" />
        <link rel="icon" sizes="16x16" href="../../../../Skins/Favicons/favicon.png" />
        <link rel="icon" sizes="16x16" href="../../../../Skins/Favicons/favicon.png" />
        <link rel="icon" sizes="16x16" href="../../../../Skins/Favicons/favicon.png" /><title>Import Templates</title>
        <meta http-equiv="x-ua-compatible" content="IE=edge" />
        <link rel="shortcut icon" href="../../../Global_Images/favicon.ico" type="image/x-icon" />
        <link href="../../../../Skins/Default/Stylesheets/Slideshow.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Default/Stylesheets/TextEffects.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Default/Stylesheets/Topic.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Styles.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Tablet.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Mobile.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Print.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Fluid/Stylesheets/foundation.6.2.3.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Fluid/Stylesheets/Styles.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Fluid/Stylesheets/Tablet.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Fluid/Stylesheets/Mobile.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../../Skins/Fluid/Stylesheets/Print.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
        <link href="../../../Global_Resources/Stylesheets/Global.css" rel="stylesheet" type="text/css" />
        <link rel="shortcut icon" href="../../../../Skins/Favicons/favicon.png" />
        <link rel="icon" sizes="16x16" href="../../../../Skins/Favicons/favicon.png" />
        <link rel="icon" sizes="16x16" href="../../../../Skins/Favicons/favicon.png" />
        <link rel="icon" sizes="16x16" href="../../../../Skins/Favicons/favicon.png" />
        <script src="../../../../Resources/Scripts/jquery.min.js" type="text/javascript">
        </script>
        <script src="../../../../Resources/Scripts/purify.min.js" type="text/javascript" defer="defer">
        </script>
        <script src="../../../../Resources/Scripts/require.min.js" type="text/javascript" defer="defer">
        </script>
        <script src="../../../../Resources/Scripts/require.config.js" type="text/javascript" defer="defer">
        </script>
        <script src="../../../../Resources/Scripts/foundation.6.2.3_custom.js" type="text/javascript" defer="defer">
        </script>
        <script src="../../../../Resources/Scripts/plugins.min.js" type="text/javascript" defer="defer">
        </script>
        <script src="../../../../Resources/Scripts/MadCapAll.js" type="text/javascript" defer="defer">
        </script>
        <script>/* <![CDATA[ */
			document.title = "In-Sight®3D Help - Import Templates - Documentation | Cognex";
		/* ]]> */</script>
        <script type="text/javascript">/* <![CDATA[ */

					var _gaq = _gaq || [];
					_gaq.push(['_setAccount', 'UA-145231719-1']);
					_gaq.push(['_trackPageview']);
					_gaq.push(['_setAccount', 'UA-1323229-6']);
					_gaq.push(['_trackPageview']);


					(function() {
					var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
					ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
					var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
					})();

		/* ]]> */</script>
        <script src="../../../Global_Resources/Scripts/tabs.js" type="application/javascript">
        </script>
    </head>
    <body>
        <div class="foundation-wrap off-canvas-wrapper">
            <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper="">
                <aside class="off-canvas position-right" role="navigation" id="offCanvas" data-off-canvas="" data-position="right" data-mc-ignore="true">
                    <ul class="off-canvas-accordion vertical menu off-canvas-list" data-accordion-menu="" data-mc-back-link="Back" data-mc-css-tree-node-expanded="is-accordion-submenu-parent" data-mc-css-tree-node-collapsed="is-accordion-submenu-parent" data-mc-css-sub-menu="vertical menu is-accordion-submenu nested" data-mc-include-indicator="False" data-mc-include-icon="False" data-mc-include-parent-link="True" data-mc-include-back="False" data-mc-defer-expand-event="True" data-mc-expand-event="click.zf.accordionMenu" data-mc-toc="True">
                    </ul>
                </aside>
                <div class="off-canvas-content inner-wrap" data-off-canvas-content="">
                    <div data-sticky-container="" class="title-bar-container">
                        <nav class="title-bar tab-bar sticky" role="banner" data-sticky="" data-options="marginTop:0" style="width:100%" data-sticky-on="only screen and (max-device-width: 1279px)" data-mc-ignore="true"><a class="skip-to-content fluid-skip showOnFocus" href="#">Skip To Main Content</a>
                            <div class="middle title-bar-section outer-row clearfix">
                                <div class="menu-icon-container relative clearfix">
                                    <div class="central-account-wrapper">
                                        <div class="central-dropdown"><a class="central-account-drop"><span class="central-account-image"></span><span class="central-account-text">Account</span></a>
                                            <div class="central-dropdown-content"><a class="MCCentralLink central-dropdown-content-settings">Settings</a>
                                                <hr class="central-separator" /><a class="MCCentralLink central-dropdown-content-logout">Logout</a>
                                            </div>
                                        </div>
                                    </div>
                                    <button class="menu-icon" aria-label="Show Navigation Panel" data-toggle="offCanvas"><span></span>
                                    </button>
                                </div>
                            </div>
                            <div class="title-bar-layout outer-row">
                                <div class="logo-wrapper"><a class="logo" href="../../GettingStarted/getstarted-3d.htm" alt="Logo"></a>
                                </div>
                                <div class="navigation-wrapper nocontent">
                                    <ul class="navigation clearfix" role="navigation" data-mc-css-tree-node-has-children="has-children" data-mc-css-sub-menu="sub-menu" data-mc-expand-event="mouseenter" data-mc-top-nav-menu="True" data-mc-max-depth="3" data-mc-include-icon="False" data-mc-include-indicator="False" data-mc-include-children="True" data-mc-include-siblings="True" data-mc-include-parent="True" data-mc-toc="True">
                                        <li class="placeholder" style="visibility:hidden"><a>placeholder</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="central-account-wrapper">
                                    <div class="central-dropdown"><a class="central-account-drop"><span class="central-account-image"></span><span class="central-account-text">Account</span></a>
                                        <div class="central-dropdown-content"><a class="MCCentralLink central-dropdown-content-settings">Settings</a>
                                            <hr class="central-separator" /><a class="MCCentralLink central-dropdown-content-logout">Logout</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav-search-wrapper">
                                    <div class="nav-search row">
                                        <form class="search" action="#">
                                            <div class="search-bar search-bar-container needs-pie">
                                                <input class="search-field needs-pie" type="search" aria-label="Search Field" placeholder="Search" />
                                                <div class="search-filter-wrapper"><span class="invisible-label" id="search-filters-label">Filter: </span>
                                                    <div class="search-filter" aria-haspopup="true" aria-controls="sf-content" aria-expanded="false" aria-label="Search Filter" title="All Files" role="button" tabindex="0">
                                                    </div>
                                                    <div class="search-filter-content" id="sf-content">
                                                        <ul>
                                                            <li>
                                                                <button class="mc-dropdown-item" aria-labelledby="search-filters-label filterSelectorLabel-00001"><span id="filterSelectorLabel-00001">All Files</span>
                                                                </button>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="search-submit-wrapper" dir="ltr">
                                                    <div class="search-submit" title="Search" role="button" tabindex="0"><span class="invisible-label">Submit Search</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                    <div class="main-section">
                        <div class="row outer-row sidenav-layout">
                            <nav class="sidenav-wrapper">
                                <div class="sidenav-container">
                                    <ul class="off-canvas-accordion vertical menu sidenav" data-accordion-menu="" data-mc-css-tree-node-expanded="is-accordion-submenu-parent" data-mc-css-tree-node-collapsed="is-accordion-submenu-parent" data-mc-css-sub-menu="vertical menu accordion-menu is-accordion-submenu nested" data-mc-include-indicator="False" data-mc-include-icon="False" data-mc-include-parent-link="False" data-mc-include-back="False" data-mc-defer-expand-event="True" data-mc-expand-event="click.zf.accordionMenu" data-mc-toc="True" data-mc-side-nav-menu="True">
                                    </ul>
                                </div>
                            </nav>
                            <div class="body-container">
                                <div data-mc-content-body="True">
                                    <div role="main" id="mc-main-content">
                                        <h1>Import Templates</h1>
                                        <p>There are two ways to import template files from the <a href="../../IDE/Windows/template-browser.htm" class="MCXref xref">Templates Browser</a>, depending on the type of template file, that is whether it contains an individual job element or a job component:</p>
                                        <div class="Note" data-mc-autonum="&lt;b&gt;Note&lt;/b&gt;: "><span class="autonumber"><span><b>Note</b>: </span></span>For the list of supported individual elements and components, see the <a href="templates-supportedelements.htm" class="MCXref xref">Supported Template Elements</a> topic.</div>
                                        <ul>
                                            <li>
                                                <p><b>Individual Elements</b>: Drag and drop the individual job element to its corresponding location. For example, if you want to import individual Web Page <a href="../WebPages/webpage-controls.htm" class="MCXref xref">User Inputs</a>, such as a <i>Button</i>, then drag and drop its template file onto the <a href="../WebPages/webpage.htm" class="MCXref xref">WebPage</a> open in the <a href="../../IDE/Editors/webpageeditor.htm" class="MCXref xref">Web Page Editor</a>. <MadCap:conditionalText data-mc-conditions="Global/Global.Web_Only">Right-click on the GIF animation and open it in a new browser window or tab to play it from the beginning.</MadCap:conditionalText></p>
                                                <p class="Image" data-mc-conditions="Global/Global.Web_Only">
                                                    <img src="../../../Images/GIFs/Templates_DragWebPageButtonTemplate.gif" />
                                                </p>
                                            </li>
                                            <li>
                                                <p><b>Component Elements</b>: You can import a template containing a component element by three means:</p>
                                                <ul style="list-style-type: circle;">
                                                    <li>Double-click the template file in the <a href="../../IDE/Windows/template-browser.htm" class="MCXref xref">Templates Browser</a>.</li>
                                                    <li>
                                                        <p>Select the template file, then right-click it and select <b>Import</b> from the context menu.</p>
                                                        <p class="Image">
                                                            <img src="../../../Images/templatebrowser_import_contextmenu.png" />
                                                        </p>
                                                    </li>
                                                    <li>
                                                        <p>Drag-and-drop the component template file.</p>
                                                        <div class="Tip" data-mc-autonum="&lt;b&gt;Tip&lt;/b&gt;: "><span class="autonumber"><span><b>Tip</b>: </span></span>Cognex recommends using one of the first two methods instead of drag-and-dropping for component templates. This is because components only have one location where they can be placed, and the first two methods automatically place them in their proper location.</div>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <hr class="footer" width="100%" size="0" align="center" />
                                    <p class="footer"><a href="../../../Global_Topics/BoilerPlate/LegalNotices.htm"><span class="mc-variable Global/Global.Copyright variable">Copyright © 2022</span></a> &#160;|&#160; Cognex Corporation &#160;|&#160; All Rights Reserved.</p>
                                    <p class="footer"><span class="mc-variable Global/Global.Title variable">In-Sight®3D Help</span> &#160;|&#160; <span class="mc-variable Global/Global.BuildDate variable">2023 August 10</span>  &#160;|&#160; Revision: 1.3.2.15</p>
                                </div>
                            </div>
                        </div>
                    </div><a data-close="true"></a>
                </div>
            </div>
        </div>
    </body>
</html>