<!DOCTYPE html>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" lang="en" xml:lang="en" 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-conditions="Local.Designer_VPro" 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" data-mc-toc-path="Developing a Cognex Designer Project|Templates">
    <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>Importing an item</title>
        <meta http-equiv="x-ua-compatible" content="IE=edge" />
        <link rel="shortcut icon" href="../../../Global_Images/favicon.ico" type="image/x-icon" />
        <script>/* <![CDATA[ */
			document.title = "Cognex Designer - Importing an item - 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>
        <link href="../../../../Skins/Default/Stylesheets/Slideshow.css" rel="stylesheet" />
        <link href="../../../../Skins/Default/Stylesheets/TextEffects.css" rel="stylesheet" />
        <link href="../../../../Skins/Default/Stylesheets/Topic.css" rel="stylesheet" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Styles.css" rel="stylesheet" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Tablet.css" rel="stylesheet" />
        <link href="../../../../Skins/Default/Stylesheets/Components/Mobile.css" rel="stylesheet" />
        <link href="../../../../Skins/Fluid/Stylesheets/foundation.6.2.3.css" rel="stylesheet" />
        <link href="../../../../Skins/Fluid/Stylesheets/Styles.css" rel="stylesheet" />
        <link href="../../../../Skins/Fluid/Stylesheets/Tablet.css" rel="stylesheet" />
        <link href="../../../../Skins/Fluid/Stylesheets/Mobile.css" rel="stylesheet" />
        <link href="../../../Global_Resources/Stylesheets/Global.css" rel="stylesheet" />
        <script src="../../../../Resources/Scripts/custom.modernizr.js">
        </script>
        <script src="../../../../Resources/Scripts/jquery.min.js">
        </script>
        <script src="../../../../Resources/Scripts/require.min.js">
        </script>
        <script src="../../../../Resources/Scripts/require.config.js">
        </script>
        <script src="../../../../Resources/Scripts/foundation.6.2.3_custom.js">
        </script>
        <script src="../../../../Resources/Scripts/plugins.min.js">
        </script>
        <script src="../../../../Resources/Scripts/MadCapAll.js">
        </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" 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" data-sticky="" data-options="marginTop:0" style="width:100%" data-sticky-on="only screen and (max-device-width: 1279px)" data-mc-ignore="true">
                            <div class="middle title-bar-section outer-row clearfix">
                                <div class="menu-icon-container relative clearfix">
                                    <button class="menu-icon" 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.htm" alt="Logo"></a>
                                </div>
                                <div class="navigation-wrapper nocontent">
                                    <ul class="navigation clearfix" 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="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" placeholder="Search" />
                                                <div class="search-filter-wrapper">
                                                    <div class="search-filter">
                                                        <div class="search-filter-content">
                                                            <ul>
                                                                <li>All Files</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="search-submit-wrapper" dir="ltr">
                                                    <div class="search-submit" title="Search">
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                    <section class="main-section">
                        <div class="row outer-row sidenav-layout">
                            <div 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>
                            </div>
                            <div class="body-container">
                                <div data-mc-content-body="True">
                                    <h1>Importing Items</h1>
                                    <p>There are two ways to import an item from the template directory:</p>
                                    <ul>
                                        <li value="1">
                                            <p>Double-click or Right-click – For top-level templates, see supported elements in the <a href="templates.htm" class="MCXref xref">Templates</a> section, since they have only one target where they can go.</p>
                                        </li>
                                        <li value="2">
                                            <p>Drag and Drop – From the Template Browser, can be used with all elements.</p>
                                        </li>
                                    </ul>
                                    <p>Different items can be imported differently:</p>
                                    <ul>
                                        <li value="1">
                                            <p>Low-level elements require a user to select where they should be imported to - drag-and-drop them in their respective place. This is why there is no <b>Import</b> option in the right-click menu for them.</p>
                                            <p class="Image">
                                                <img src="../../../Designer_Images/templates_import_lowlevel.png" />
                                            </p>
                                            <p>&#160;</p>
                                            <div class="Note" data-mc-autonum="&lt;b&gt;Note&lt;/b&gt;: "><span class="autonumber"><span><b>Note</b>: </span></span>When importing objects with bindings / references to tags, the tags are not automatically created. Some tag names may already exist in the other project but they are being used for other purposes.</div>
                                            <p>To handle these issues, follow one or more of the following strategies:</p>
                                            <ul>
                                                <li value="1">Import the referenced tags (assuming those tags are already exported).</li>
                                                <li value="2">Create the necessary tag(s).</li>
                                                <li value="3">Use the <b>Edit</b> | <b>Replace Tag</b> () tool to globally replace any missing tags used by the object(s) that have been imported with existing tag(s) that the project already uses.</li>
                                                <li value="4">Manually rename tags for certain new or existing objects to resolve conflicting uses.</li>
                                            </ul>
                                        </li>
                                        <li value="2">
                                            <p>High-level elements have one possible import location, therefore this can be done automatically - you can import them by double-clicking or by right-clicking and selecting <b>Import</b>. For high-level items, see the <a href="templates.htm" class="MCXref xref">Templates</a> topic.</p>
                                            <p class="Image">
                                                <img src="../../../Designer_Images/templates_import_highlevel.png" />
                                            </p>
                                            <div class="Note" data-mc-autonum="&lt;b&gt;Note&lt;/b&gt;: "><span class="autonumber"><span><b>Note</b>: </span></span>While importing templates, it is possible that existing components in the application conflict with the items being added. To handle this, you can simply rename the imported elements. Remember to run the Project | Verify tool after importing to  ensure all required referenced scripts and tags exist.</div>
                                            <p>&#160;</p>
                                        </li>
                                    </ul>
                                    <hr class="footer" width="100%" size="0" align="center" />
                                    <p class="footer"><a href="../../../Global_Topics/BoilerPlate/LegalNotices.htm"><span class="Global/GlobalCopyright">Copyright © 2014 - 2019</span></a> &#160;|&#160; Cognex Corporation &#160;|&#160; All Rights Reserved.</p>
                                    <p class="footer"><span class="Global/GlobalTitle">Cognex Designer</span> &#160;|&#160; <span class="Global/GlobalBuildDate">2019 August 24</span>  &#160;|&#160; Revision: 4.2.0.3</p>
                                </div>
                            </div>
                        </div>
                    </section><a data-close="true"></a>
                </div>
            </div>
            <script>/* <![CDATA[ */$(document).foundation();/* ]]> */</script>
        </div>
    </body>
</html>