<!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|Exporting Items">
    <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>Exporting Individual Elements</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 - Exporting Individual Elements - 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>Exporting Individual Elements</h1>
                                    <p>To export an individual element:</p>
                                    <div class="Note" data-mc-autonum="&lt;b&gt;Note&lt;/b&gt;: "><span class="autonumber"><span><b>Note</b>: </span></span>When exporting an element, if the element references another element, such as another script or tag, ensure that those are exported, as well.</div>
                                    <ol>
                                        <li value="1">
                                            <p>Select the individual element:</p>
                                            <ul>
                                                <li value="1"> individual <a href="../Tags/tags.htm" class="MCXref xref">Tags</a> in the <a href="../../Designer_IDE/IDE/Editors/tagmanager.htm" class="MCXref xref">Tag Manager</a></li>
                                                <li value="2"> individual <a href="../Web_Pages/webpage_elements.htm" class="MCXref xref">WebPage Elements</a> on your <a href="../Web_Pages/webpage.htm" class="MCXref xref">WebPage</a></li>
                                                <li value="3"> individual <a href="../Tasks/taskblocks.htm" class="MCXref xref">Task Blocks</a> in your <a href="../Tasks/task.htm" class="MCXref xref">Task</a></li>
                                            </ul>
                                            <div class="Note" data-mc-autonum="&lt;b&gt;Note&lt;/b&gt;: "><span class="autonumber"><span><b>Note</b>: </span></span>
                                                <ul>
                                                    <li value="1">You can select and export multiple items as a <i>set</i>. Select only blocks in a single <a href="../Tasks/task.htm" class="MCXref xref">Task</a>, elements on a single <a href="../Web_Pages/webpage.htm" class="MCXref xref">WebPage</a>, or tags in the <a href="../../Designer_IDE/IDE/Windows/tagbrowser.htm" class="MCXref xref">Tag Browser</a>. However, you cannot combine these three element types to make a set.</li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li value="2">
                                            <p>Right-click the element and select <b>Export</b>.</p>
                                            <p class="Image">
                                                <img src="../../../Designer_Images/templates_export_aa.png" />
                                            </p>
                                        </li>
                                        <li value="3">
                                            <p>Fill in the details about the exported element. </p>
                                            <p>If you want to fine-tune where to export your element exactly, right-click on either the root folder or one of the sub-folders and create a <b>New Folder</b>. </p>
                                            <p>Right-click on the newly created folder and select <b>Rename</b> to create a custom name.</p>
                                            <p class="Image">
                                                <img src="../../../Designer_Images/templates_export_renamefolder_aa.png" />
                                            </p>
                                        </li>
                                        <li value="4">
                                            <p>Press the <b>Export</b> button, and your new exported element will appear in the <a href="../../Designer_IDE/IDE/Windows/template_browser.htm" class="MCXref xref">Template Browser</a>.</p>
                                            <p class="Image">
                                                <img src="../../../Designer_Images/templates_export_done_aa.png" />
                                            </p>
                                        </li>
                                    </ol>
                                    <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>