<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WinCC Unified Archives | DMC, Inc.</title>
	<atom:link href="https://static.dmcinfo.com/blog/tag/wincc-unified/feed/index.xml" rel="self" type="application/rss+xml" />
	<link></link>
	<description></description>
	<lastBuildDate>Fri, 04 Sep 2026 21:30:41 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://static.dmcinfo.com/wp-content/uploads/2025/04/site-icon-150x150.png</url>
	<title>WinCC Unified Archives | DMC, Inc.</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Upgrading from WinCC Comfort to WinCC Unified</title>
		<link>https://static.dmcinfo.com/blog/16018/upgrading-from-wincc-comfort-to-wincc-unified/</link>
		
		<dc:creator><![CDATA[Josh Wrobel]]></dc:creator>
		<pubDate>Mon, 16 Sep 2024 09:33:28 +0000</pubDate>
				<category><![CDATA[PLC]]></category>
		<category><![CDATA[Siemens]]></category>
		<category><![CDATA[WinCC Comfort]]></category>
		<category><![CDATA[WinCC Unified]]></category>
		<guid isPermaLink="false">https://static.dmcinfo.com/blog/16018/upgrading-from-wincc-comfort-to-wincc-unified/</guid>

					<description><![CDATA[<p>With WinCC Comfort being phased out, it will become more difficult to find replacement hardware and technical support for the software. Over time, upgrading to WinCC Unified will become more and more prevalent. WinCC Unified is more powerful than WinCC Comfort, allowing more flexibility when designing screens. We&#8217;ve picked up some pointers while helping clients [&#8230;]</p>
<p>The post <a href="https://static.dmcinfo.com/blog/16018/upgrading-from-wincc-comfort-to-wincc-unified/">Upgrading from WinCC Comfort to WinCC Unified</a> appeared first on <a href="https://static.dmcinfo.com/">DMC, Inc.</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">With WinCC Comfort being phased out, it will become more difficult to find replacement hardware and technical support for the software. Over time, upgrading to WinCC Unified will become more and more prevalent. WinCC Unified is more powerful than WinCC Comfort, allowing more flexibility when designing screens.</p>



<p class="wp-block-paragraph">We&#8217;ve picked up some pointers while helping clients migrate their existing WinCC projects. These are our best practices for navigating that transition, with practical tips and tricks to make the process as smooth as possible.</p>



<h2 id="h-why-upgrade-from-comfort-to-unified" class="wp-block-heading"><strong>Why Upgrade from Comfort to Unified?</strong></h2>



<p class="wp-block-paragraph"><strong>Comfort is Phasing Out:</strong> As WinCC Comfort is gradually being retired, moving to WinCC Unified will ensure that your projects remain supported and functional.</p>



<p class="wp-block-paragraph"><strong>Scarcity of Technology and Hardware:</strong> Comfort hardware will become increasingly rare, making upgrading worthwhile to maintain project viability and avoid future headaches.</p>



<p class="wp-block-paragraph">While this blog isn’t a full-blown tutorial on WinCC Unified,&nbsp;it focuses on providing useful tips, tricks, and common pitfalls you might encounter when converting your projects. Our primary focus is on version 18 of Unified, though many of these insights are relevant for earlier versions like V16 and V17, which come with their own set of challenges, and also future versions.</p>



<h2 id="h-using-the-data2unified-conversion-tool" class="wp-block-heading"><strong>Using the Data2Unified Conversion Tool</strong></h2>



<p class="wp-block-paragraph">The Data2Unified Conversion Tool from Siemens is a great starting point for converting your projects. This tool handles about 50%-90% of the conversion process for you, depending on what elements are present in your project.</p>



<p class="wp-block-paragraph"><strong>How to Use the Tool:</strong></p>



<ol class="wp-block-list">
<li>Install the Data2Unified Conversion Tool.</li>



<li>In Portal, ensure you’ve added a Unified panel to your original Comfort project.</li>



<li>Right-click on your Comfort panel in the project, find the Data2Unified tool in the context menu, and select “Start.” The tool will begin processing your project.</li>
</ol>



<p class="wp-block-paragraph"><p style="text-align: center;"><img decoding="async" alt="Data2Unified Tool" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/Data2Unified-Tool.png"></p></p>



<ol class="wp-block-list">
<li value="4">Once your project loads, you&rsquo;ll choose what you want to convert. Be sure to select the Unified panel as your target. Update the file name and path if needed, and then click &ldquo;Save file.&rdquo; For larger projects, this process might take a while, so it can be a good idea to run it overnight.</li>
</ol>



<p class="wp-block-paragraph"><p style="text-align: center;"><img decoding="async" alt="Data2Unified Add in" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/Data2Unified-Conversion-Pop-Up.png">&nbsp;</p></p>



<p class="wp-block-paragraph"><strong>Limitations to Keep in Mind:</strong></p>



<ul class="wp-block-list">
<li><strong>Basic Navigation:</strong> The tool often produces basic navigation outputs that may need refinement.</li>



<li><strong>Faceplates:</strong> These aren’t converted automatically, so they’ll need manual attention.</li>



<li><strong>Displays and Lists:</strong> Alarm lists, trend displays, graphic displays, and similar elements require manual adjustment.</li>



<li><strong>VBA Scripts:</strong> Review and convert these scripts manually if necessary.</li>



<li><strong>Artifacts:</strong> Be on the lookout for issues like blinking elements or rotated vertical text.</li>
</ul>



<h2 id="h-advantages-of-wincc-unified" class="wp-block-heading"><strong>Advantages of WinCC Unified</strong></h2>



<p class="wp-block-paragraph"><strong>1. Improved Navigation:</strong></p>



<ul class="wp-block-list">
<li><strong>Screen Windows:</strong> WinCC Unified allows you to design screens larger than your display and embed them in smaller windows, which automatically adds scroll bars. This feature helps keep your project organized and user-friendly. In the below example, notice the scroll bar at the bottom of the zone section that lets you slide between different zones.</li>
</ul>



<p class="wp-block-paragraph"><p style="text-align: center;"><img decoding="async" alt="WinCC Unified Large Display" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/WinCC-Unified-Large-Display.png"></p></p>



<ul class="wp-block-list">
<li><strong>Consistent Navigation:</strong> Set up a main screen with different windows for the header, content, and navigation. This setup creates a cohesive user experience and makes navigation more intuitive.</li>
</ul>



<p class="wp-block-paragraph"><p style="text-align: center;"><img decoding="async" alt="WinCC Unified Consistent Navigation" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/WinCC-Unified-Consistent-Navigation.png"></p></p>



<p class="wp-block-paragraph"><strong>2. Simplified Popup Architecture:</strong></p>



<ul class="wp-block-list">
<li><strong>Faceplate Popups:</strong> You can use scripting to open faceplates as popups. This reduces the number of screens you need and simplifies your project. However, if you need to handle multilingual text, be aware that the OpenFaceplateInPopup function doesn’t support text arguments in multiple languages.</li>
</ul>



<h2 id="h-tips-for-converting-faceplates" class="wp-block-heading"><strong>Tips for Converting Faceplates</strong></h2>



<p class="wp-block-paragraph">When moving faceplates from Comfort to Unified, direct copying won’t work. Here’s a step-by-step approach to make the conversion easier:</p>



<ol class="wp-block-list">
<li><strong>Copy Visual Elements:</strong> Move elements from the faceplate definition to a blank screen.</li>



<li><strong>Run the Conversion Tool:</strong> Use the tool on this new screen to convert sizes, positions, fonts, and colors (all aesthetic properties).</li>



<li><strong>Create a New Faceplate: </strong>Group select all objects from the conversion tool, and create a new faceplate.</li>



<li><strong>Re-link Dynamics:</strong> Manually update dynamizations and tag linking.</li>



<li><strong>Event Interface:</strong> Configure it as needed.</li>
</ol>



<p class="wp-block-paragraph">If your faceplates are complex, this approach can save a lot of time, as the conversion tool will handle all visual properties, allowing programmers to focus on quickly re-linking tags.</p>



<h2 id="h-leveraging-javascript-scripting-in-unified" class="wp-block-heading"><strong>Leveraging JavaScript Scripting in Unified</strong></h2>



<p class="wp-block-paragraph">WinCC Unified supports JavaScript, adding a new level of flexibility. You can use it to enhance screens, events, and object properties, making your HMI more powerful and customizable.</p>



<p class="wp-block-paragraph"><strong>1. Nested Faceplates:</strong></p>



<ul class="wp-block-list">
<li><strong>Benefits:</strong> Nested faceplates allow for advanced graphics and cleaner architecture.</li>



<li><strong>Cautions:</strong> Avoid overusing nested faceplates and complex scripts to prevent performance issues. Efficiently manage variables and use Global Definitions to keep your code organized and avoid artifacts in the HMI simulator.</li>
</ul>



<h2 id="h-additional-resources" class="wp-block-heading"><strong>Additional Resources</strong></h2>



<p class="wp-block-paragraph">For further reading and detailed guidance, check out these resources:</p>



<ul class="wp-block-list">
<li><a href="https://cache.industry.siemens.com/dl/files/536/109758536/att_1032976/v3/109758536_Unified_TipsScripting_V30_en.pdf" target="_new"><strong>SIMATIC WinCC Unified Tips and Tricks for Scripting (JavaScript)</strong></a></li>



<li><a href="https://support.industry.siemens.com/cs/document/109770510/data2unified-add-in?dti=0&amp;lc=en-WW" target="_new"><strong>Data2Unified Tool Documentation</strong></a></li>



<li><a href="https://static.dmcinfo.com/latest-thinking/blog/id/10322/getting-started-with-wincc-unified" target="_new"><strong>“Getting Started with WinCC Unified”</strong></a></li>



<li><a href="https://cache.industry.siemens.com/dl/files/600/109801600/att_1084233/v5/109801600_WinCC_Unified_VisualStudioCode_en.pdf" target="_new"><strong>Developing Unified JavaScript with VSCode</strong></a></li>
</ul>



<p class="wp-block-paragraph">Upgrading from WinCC Comfort to Unified might seem like a big task, but with the right approach and tools, you can handle the transition smoothly.</p>



<p class="wp-block-paragraph"><strong>Are you looking&nbsp;to upgrade your existing systems to WinCC Unified? DMC&#8217;s team of <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/plc-programming">Automation engineers</a> have extensive experience and can help with conversions and migrations of any size. Contact us&nbsp;<a href="https://static.dmcinfo.com/contact#get-in-touch">today</a>&nbsp;to discuss your project needs.</strong></p>



<div class="wp-block-group alignwide has-custom-light-blue-background-color has-background is-layout-flow wp-container-core-group-is-layout-dbd34961 wp-block-group-is-layout-flow" style="border-radius:20px;margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<div class="wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-43efaee5 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:85%">
<h3 class="wp-block-heading has-text-align-left" id="h-have-an-upcoming-project-dmc-can-help-you-take-the-next-step"><strong>Navigate the Move from WinCC Comfort to Unified</strong>.</h3>



<p class="has-text-align-left wp-block-paragraph" id="h-need-help-turning-ideas-into-outcomes-automation-project-to-the-next-level-contact-us-today-to-learn-more-about-our-solutions-and-how-we-can-help-you-achieve-your-goals">Explore our <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/" data-type="page" data-id="420">Automation</a> expertise in migrating Siemens <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/hmi-and-scada-programming/" data-type="page" data-id="497">HMI</a> applications to <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/hmi-and-scada-programming/wincc-7-programming/" data-type="page" data-id="518">WinCC</a> Unified while modernizing navigation, faceplates, displays, and scripts.</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2236275c wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-base-contrast-color has-text-color has-link-color wp-element-button" href="https://static.dmcinfo.com/contact/">Contact Us</a></div>
</div>
</div>
</div>
</div>
<p>The post <a href="https://static.dmcinfo.com/blog/16018/upgrading-from-wincc-comfort-to-wincc-unified/">Upgrading from WinCC Comfort to WinCC Unified</a> appeared first on <a href="https://static.dmcinfo.com/">DMC, Inc.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Setting Up Basic User Profiles and Login for WinCC Unified Runtime</title>
		<link>https://static.dmcinfo.com/blog/16495/setting-up-basic-user-profiles-and-login-for-wincc-unified-runtime/</link>
		
		<dc:creator><![CDATA[Wenjing Deng]]></dc:creator>
		<pubDate>Tue, 26 Mar 2024 18:31:39 +0000</pubDate>
				<category><![CDATA[Manufacturing Automation & Intelligence]]></category>
		<category><![CDATA[Siemens PLC]]></category>
		<category><![CDATA[Siemens]]></category>
		<category><![CDATA[WinCC Unified]]></category>
		<guid isPermaLink="false">https://static.dmcinfo.com/blog/16495/setting-up-basic-user-profiles-and-login-for-wincc-unified-runtime/</guid>

					<description><![CDATA[<p>In today&#8217;s digital era, ensuring the security of your industrial automation systems is crucial. User login systems play a vital security role&#160;by controlling who can access sensitive data and manage processes. Siemens TIA Portal V18 and WinCC Unified offer effective solutions for setting up user logins, increasing the safety of your operations as a result. [&#8230;]</p>
<p>The post <a href="https://static.dmcinfo.com/blog/16495/setting-up-basic-user-profiles-and-login-for-wincc-unified-runtime/">Setting Up Basic User Profiles and Login for WinCC Unified Runtime</a> appeared first on <a href="https://static.dmcinfo.com/">DMC, Inc.</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">In today&#8217;s digital era, ensuring the security of your <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence">industrial automation systems</a> is crucial. User login systems play a vital security role&nbsp;by controlling who can access sensitive data and manage processes.</p>



<p class="wp-block-paragraph">Siemens TIA Portal V18 and WinCC Unified offer effective solutions for setting up user logins, increasing the safety of your operations as a result. In this guide, we’ll walk you through the process of adding local users, runtime rights, and protecting your HMI features in a few simple steps.</p>



<h2 id="h-setting-up-users-and-rights" class="wp-block-heading">Setting Up Users and Rights</h2>



<p class="wp-block-paragraph">The first step is to set up the user profiles for your project. You can set specific rules for password complexity under ‘Security settings’ &gt; ‘Settings.’</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/security-settings_1.png" alt="security settings window"/></figure>



<p class="wp-block-paragraph">Next, navigate to ‘Security settings’ and then to ‘Users and roles.’</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/users-and-roles_1.png" alt=""/></figure>



<p class="wp-block-paragraph">In the ‘Users’ tab you can create a new local user profile. To do this, you will need to click on ‘&lt;Add New User&gt;’ and then ‘Add new local user.’&nbsp;Next, you can enter in a ‘User name’ and ‘Password.’ Here you can also define a timeout, which will automatically log the user out after a certain amount of time. This is also where you will assign roles to each listed user, but we&#8217;ll&nbsp;return to this after setting up some roles.</p>



<h2 id="h-assigning-roles-nbsp" class="wp-block-heading">Assigning Roles&nbsp;</h2>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/users-and-roles-window-2_1.png" alt="Users and roles settings "/></figure>



<p class="wp-block-paragraph">Next, let’s go over ‘Roles’ and ‘Rights.’&nbsp;Each role is comprised of a set of selected rights. ‘Runtime rights’ are what we will reference while programming protected or user restricted features on the HMI.</p>



<p class="wp-block-paragraph">To create and name your own custom rights, navigate to the ‘Roles’ tab and then to the ‘User-specific runtime rights.’&nbsp;Here you can create new rights with custom names and descriptions.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/user-specific-runtime-rights_1.png" alt="user specific runtime rights settings window"/></figure>



<p class="wp-block-paragraph">As an example, I have created 4 levels of rights and users as shown above: ‘Admin,’&nbsp;‘Maintenance,’&nbsp;’Technician,’ and ‘Operator.’&nbsp;Admin will have the highest level of rights, followed by Maintenance, then Technician, and finally Operator with the lowest level of rights.</p>



<p class="wp-block-paragraph">To set up the roles for our example setup, return to the ‘Runtime rights’ tab, and then click on ‘Operator’ in the Roles window. This screen will show the HMIs and PLCs available in the project.</p>



<p class="wp-block-paragraph">For this example, we will set up the runtime rights for the WinCC Unified SCADA device by clicking on the drop down, selecting the device, and then selecting the custom runtime right we created earlier: ‘Operator Rights.’&nbsp;Since ‘Operator’ has the lowest level of rights, we will only check ‘Operator Rights’ for the ‘Operator’ role.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/operator-rights_1.png" alt="Settings window with 'operator rights' and 'lab hmi' underlined in red"/></figure>



<p class="wp-block-paragraph">For the other 3 roles, we will assign the rights as shown below:</p>



<p class="wp-block-paragraph"><strong>Technician</strong> – Operator Rights, Technician Rights</p>



<p class="wp-block-paragraph"><strong>Maintenance</strong> – Operator Rights, Technician Rights, Maintenance Rights</p>



<p class="wp-block-paragraph"><strong>Admin </strong>– Operator Rights, Technician Rights, Maintenance Rights, Admin Rights</p>



<p class="wp-block-paragraph">When set up this way, a feature that needs to be protected by a user login can be sorted according to the permission hierarchy rules we defined earlier.</p>



<p class="wp-block-paragraph">The ‘Admin’ user can access anything protected by one of our custom rights, but the ‘Operator’ user can only access those protected by ‘Operator Rights.’&nbsp;There are&nbsp;many other system defined rights available in which you can also assign to your custom roles if needed.</p>



<h2 id="h-creating-user-restricted-hmi-features" class="wp-block-heading">Creating User-Restricted HMI Features</h2>



<p class="wp-block-paragraph">Next, we will go through how to reference these roles while programming protected features on the HMI. In the example below, we want to restrict the ability to interact with the I/O Field to the Admin user. Navigate to the ‘Security’ dropdown and select ‘Admin Rights’ for the Authorization field.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/io-field-admin-rights_1.png" alt="IO field settings window with 'Admin Rights' circled in red"/></figure>



<p class="wp-block-paragraph">This will limit interaction with this IO Field to the Admin user only. If you wanted a different level of access, you could choose from any of the other rights available to tailor the access to your needs. This setting is available for most other objects available in WinCC Unified. For anything that you want to restrict with a user login, you can set an Authorization level here.</p>



<h2 id="h-downloading-user-information-to-hmi" class="wp-block-heading">Downloading User information to HMI</h2>



<p class="wp-block-paragraph">After you’ve made user or role changes it is important to set the dropdown below to &#8216;Reset to start values.&#8217;&nbsp;This ensures that your changes get updated in runtime.</p>



<p class="wp-block-paragraph">&nbsp;</p>



<p class="wp-block-paragraph">That’s it! Your basic user login setup is complete. By following the steps outlined in this guide, you can establish user authentication mechanisms tailored to your equipment’s requirements.</p>



<div class="wp-block-group alignwide has-custom-light-blue-background-color has-background is-layout-flow wp-container-core-group-is-layout-dbd34961 wp-block-group-is-layout-flow" style="border-radius:20px;margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<div class="wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-43efaee5 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:85%">
<h3 class="wp-block-heading has-text-align-left" id="h-have-an-upcoming-project-dmc-can-help-you-take-the-next-step"><strong>Control HMI Access with WinCC Unified User Roles</strong>.</h3>



<p class="has-text-align-left wp-block-paragraph" id="h-need-help-turning-ideas-into-outcomes-automation-project-to-the-next-level-contact-us-today-to-learn-more-about-our-solutions-and-how-we-can-help-you-achieve-your-goals">Explore our <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/" data-type="page" data-id="420">Automation</a> expertise in <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/hmi-and-scada-programming/wincc-7-programming/" data-type="page" data-id="518">WinCC Programming</a> user profiles, role-based permissions, and protected HMI functionality.</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2236275c wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-base-contrast-color has-text-color has-link-color wp-element-button" href="https://static.dmcinfo.com/contact/">Contact Us</a></div>
</div>
</div>
</div>
</div>
<p>The post <a href="https://static.dmcinfo.com/blog/16495/setting-up-basic-user-profiles-and-login-for-wincc-unified-runtime/">Setting Up Basic User Profiles and Login for WinCC Unified Runtime</a> appeared first on <a href="https://static.dmcinfo.com/">DMC, Inc.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creating Faceplates in WinCC Unified</title>
		<link>https://static.dmcinfo.com/blog/18140/creating-faceplates-in-wincc-unified/</link>
		
		<dc:creator><![CDATA[Aleks Konstantinovic]]></dc:creator>
		<pubDate>Mon, 07 Nov 2022 12:15:44 +0000</pubDate>
				<category><![CDATA[HMI and SCADA]]></category>
		<category><![CDATA[Manufacturing Automation & Intelligence]]></category>
		<category><![CDATA[WinCC Unified]]></category>
		<guid isPermaLink="false">https://static.dmcinfo.com/blog/18140/creating-faceplates-in-wincc-unified/</guid>

					<description><![CDATA[<p>Faceplates are a useful tool for creating reusable features on an HMI. In this blog, I will show you how to create faceplates and add all of the functionality you may need in WinCC Unified. This demo was done in Windows 10 using TIA Portal V17. There may be slight differences with other versions. Importing [&#8230;]</p>
<p>The post <a href="https://static.dmcinfo.com/blog/18140/creating-faceplates-in-wincc-unified/">Creating Faceplates in WinCC Unified</a> appeared first on <a href="https://static.dmcinfo.com/">DMC, Inc.</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Faceplates are a useful tool for creating reusable features on an HMI. In this blog, I will show you how to create faceplates and add all of the functionality you may need in WinCC Unified.</p>



<p class="wp-block-paragraph">This demo was done in Windows 10 using TIA Portal V17. There may be slight differences with other versions.</p>



<h2 id="h-importing-graphics" class="wp-block-heading">Importing Graphics</h2>



<p class="wp-block-paragraph">WinCC Unified makes having nice-looking faceplates easy by allowing you to import premade graphics. In this demo, we will create a faceplate for a barcode scanner, using an image of a barcode as the graphic.</p>



<p class="wp-block-paragraph">Once the project has been set up, navigate to the &#8220;Toolbox&#8221; tab on the right side of the screen&nbsp;and expand the &#8220;Graphics&#8221; dropdown. Click the icon to link a new folder, and set the path to the destination where your desired graphics are located. Feel free to give the folder a unique name.</p>



<p class="wp-block-paragraph">The folder will appear under &#8220;My graphics folder.&#8221;&nbsp;Selecting the &#8220;Graphics&#8221; folder displays the barcode graphic in the window below.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-1.png" alt="Creating a faceplate in WinCC Unified"/></figure>



<h2 id="h-creating-a-faceplate" class="wp-block-heading">Creating a Faceplate</h2>



<p class="wp-block-paragraph">To create a faceplate, navigate to the libraries tab on the right side of the screen. Expand &#8220;Project Library&#8221; and &#8220;Types,&#8221; and then&nbsp; select &#8220;Add new type.&#8221;&nbsp;We want to create a Unified Faceplate, so select the faceplate option and check the unified bubble. Don&#8217;t forget to name the faceplate.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-2.png" alt="Screenshot to create a unified faceplate"/></figure>



<p class="wp-block-paragraph">To add the imported graphic to the faceplate, we will need to create a graphic type. Repeat the previous steps and select the graphic type. Give the graphic type a name. Select the graphics folder and drag/drop the graphic into the Default graphic box. You may need to re-add your graphics folder so that it appears in the Toolbox tab.<br>
<br>
</p>



<p class="wp-block-paragraph">Right click the version number with the orange cone next to it&nbsp;under the graphic type in the project tree and click &#8220;Release version.&#8221;&nbsp;You can leave the options as default and click ok.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-4.png" alt="Screenshot of a computer and defining the properties for the released type version"/></figure>



<p class="wp-block-paragraph">Open the scanner faceplate again, and you should be able to drag/drop the barcode graphic from the project tree into the scanner faceplate.</p>



<p class="wp-block-paragraph">I like to position my faceplates in the top left corner to make them as compact as possible. The position of objects can be adjusted from the Properties tab while selected.</p>



<p class="wp-block-paragraph">Be sure to adjust the size of the faceplate window to reasonably fit your faceplate. In this case, I want it to match the size of the barcode graphic, so I am making those dimensions equal to each other. In order to change the size of the faceplate window, you must first click on empty background space.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-5.png" alt="Computer screenshot on adjusting and resizing the faceplate window"/></figure>



<h2 id="h-adding-udts" class="wp-block-heading">Adding UDTs</h2>



<p class="wp-block-paragraph">Before you can begin adding more features to your faceplate, you will&nbsp;need to add the scanner datatype.</p>



<p class="wp-block-paragraph">To do this, take your PLC data type,&nbsp;drag it over to the project library window and drop it in the &#8220;types” folder (or any sub folder).</p>



<p class="wp-block-paragraph">Press OK in the popup. You should see the top right corner of the datatype graphic become blacked out. This means that the datatype is linked in the library.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-6.png" alt="A screenshot of a computer to show that the datatype is linked in the library"/></figure>



<p class="wp-block-paragraph">Next, reopen the faceplate and go to &#8220;Tag Interface&#8221; at the top. Name the UDT struct, set the Data type to &#8220;Struct&#8221; and, under &#8220;User data type structure,&#8221;&nbsp;select the UDT.</p>



<h2 id="h-adding-dynamic-features" class="wp-block-heading">Adding Dynamic Features</h2>



<p class="wp-block-paragraph">I would like the barcode to turn red if there is an error. To do this, add a rectangle over the barcode graphic and match the sizes.</p>



<p class="wp-block-paragraph">Select the rectangle and find the &#8220;Background Color&#8221; property. Under the &#8220;Dynamization&#8221; drop down, select &#8220;Tag.&#8221;</p>



<p class="wp-block-paragraph">Check the &#8220;Single bit&#8221; bubble since the tag we will be reading is a Boolean. For integer data types, the range setting can be used for multiple different conditions.</p>



<p class="wp-block-paragraph">Assign the tag to the bError tag from the tag interface. When bError is false, we will set the transparency to 100% to make it invisible. When bError is true, we will set the transparency to 60% to make the barcode graphic appear red.</p>



<p class="wp-block-paragraph">This functionality can also be accomplished by making the &#8220;Visibility&#8221; property dynamic, but we want to use this same rectangle to open a popup in a later step, so making it transparent will work better for this use case.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-7.png" alt="A screenshot of a computer making the &quot;visibility&quot; property dynamic"/></figure>



<h2 id="h-making-a-popup-faceplate" class="wp-block-heading">Making a popup faceplate</h2>



<p class="wp-block-paragraph">We want a popup to appear when clicking our scanner faceplate on the screen. Begin by creating another faceplate with the same settings as before. Then, add another tag interface with the same UDT.</p>



<p class="wp-block-paragraph">On the popup we will have a status string display and a trigger button. For the text box, add dynamization to the text property, and link it to the status string tag from the tag interface. For the trigger button, go to the events tab next to properties, and press the yellow icon to convert the function list to a script.</p>



<p class="wp-block-paragraph">Then, in the release event, right click and navigate to Snippets &gt; HMI Runtime &gt; Tag &gt; Write Tag. This will insert a chunk of code that will allow you to write to your HMI tag. Make sure writing from the HMI is enabled on this tag for this to work.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-8.png" alt="Screenshot of computer giving directions of writing an HMI tag for the faceplate"/></figure>



<p class="wp-block-paragraph">Release the scanner popup version.</p>



<h2 id="h-opening-the-popup" class="wp-block-heading">Opening the Popup</h2>



<p class="wp-block-paragraph">To open the popup, begin by reopening the barcode faceplate. Select the rectangle and navigate to events. In the press key event, convert it to a script. Right click &gt; Snippets &gt; Faceplate &gt; Open faceplate in popup to get the premade open popup code.</p>



<p class="wp-block-paragraph">I modified the premade code to use a configuration string from the property interface to set the title that will appear at the top of the window. This will be useful if multiple instances of this faceplate will be used so that different names can be assigned to different instances (Scanner 1, Scanner 2, etc.).</p>



<p class="wp-block-paragraph">The data variable is used to pass the same UDT variables from the faceplate into the popup.</p>



<p class="wp-block-paragraph">I want the popups to open near the location of the faceplate, so I set the relevant popup parameters (po.top, po.left) equal to the top left corner of the faceplate instance (item.top, item.left).</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-9.png" alt="A screenshot of a computer to set relevant popup parameters"/></figure>



<h2 id="h-instancing-the-faceplate" class="wp-block-heading">Instancing the Faceplate</h2>



<p class="wp-block-paragraph">Now that the functionality is finished, release the faceplate version.</p>



<p class="wp-block-paragraph">Navigate to the screen and drag/drop the faceplate from the project library onto the screen.</p>



<p class="wp-block-paragraph">In the properties window under Interface, link the relevant HMI tag. Enter &#8220;Scanner 1&#8221; into the TitleString property to give this scanner popup a unique name.</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-10.png" alt="A screenshot of a computer to link the relevant HMI tag, ready to run project"/></figure>



<p class="wp-block-paragraph">Now, we are ready to run our project and test our screen!</p>



<p class="wp-block-paragraph">Here you can see the screen with the faceplate instance. Clicking on the barcode graphic opens the popup with the status string and trigger button. At the top of the popup window, you can see the TitleString denoting this instance of the popup as &#8220;Scanner 1.&#8221;</p>



<figure class="wp-block-image"><img decoding="async" src="https://static.dmcinfo.com/wp-content/uploads/2025/05/creating-faceplates-in-wincc-unified-11.png" alt="Graphical user interface popup for scanner screen for scanner 1 trigger button"/></figure>



<p class="wp-block-paragraph">Now, you have the tools you need to make your own faceplates in WinCC Unified!</p>



<p class="wp-block-paragraph"><strong>Learn more about DMC’s <a href="https://static.dmcinfo.com/services/manufacturing-automation-and-intelligence/hmi-and-scada-programming/siemens-simatic-wincc-programming">WinCC programming</a> expertise and <a href="https://static.dmcinfo.com/contact">contact us</a> for your next project. </strong></p>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://static.dmcinfo.com/blog/18140/creating-faceplates-in-wincc-unified/">Creating Faceplates in WinCC Unified</a> appeared first on <a href="https://static.dmcinfo.com/">DMC, Inc.</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
