<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>HELIO Documentation Blog</title>
        <link>https://docs.helio-hmi.com/releases</link>
        <description>HELIO Documentation Blog</description>
        <lastBuildDate>Wed, 25 Mar 2026 00:00:00 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en</language>
        <item>
            <title><![CDATA[HELIO 25.4.3]]></title>
            <link>https://docs.helio-hmi.com/releases/25.4.3</link>
            <guid>https://docs.helio-hmi.com/releases/25.4.3</guid>
            <pubDate>Wed, 25 Mar 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.4.3 is the third patch release for]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.4.3 is the third <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for
<a class="" href="https://docs.helio-hmi.com/releases/25.4.0">HELIO 25.4</a>.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.4.3#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade">Upgrade HELIO</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.4.3#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Added</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>MQTT Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6538</span></span></span> Added optional "variableSubscription" config section
with properties "messageExpiryIntervalMs" and "messageRefreshIntervalMs"</p></div></details></div></details>
<p><strong>Updated</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6401</span></span></span> Updated <code>open62541</code> to v1.4.16</p></div></details></div></details>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6323</span></span></span> Fixed connection issues with B&amp;R servers</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Lists</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6464</span></span></span> Fixed throttling of filtered list items</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6566</span></span></span> Fixed edge cases that could cause empty or pending
filtered lists</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Components</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6358</span></span></span> Fixed toggling of inverted Boolean Component
Properties</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Dynamic Properties</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6348</span></span></span> Fixed issue where a dynamic property <code>If</code> would
display an incorrect operator after changing the left or right item</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Translations</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6335</span></span></span> Fixed placeholder in search field</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Project Import</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6335</span></span></span> Fixed translations being deleted on project
import, ignoring user choice</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Project Editor</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6335</span></span></span> Fixed titles of Add/Edit/Remove Connection dialogs</p></div></details></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>SDK</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Custom Elements</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6572</span></span></span> Fixed auto-detection of name property</p></div></details></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.4.2]]></title>
            <link>https://docs.helio-hmi.com/releases/25.4.2</link>
            <guid>https://docs.helio-hmi.com/releases/25.4.2</guid>
            <pubDate>Thu, 19 Feb 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.4.2 is the second patch release for]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.4.2 is the second <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for
<a class="" href="https://docs.helio-hmi.com/releases/25.4.0">HELIO 25.4</a>.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.4.2#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade">Upgrade HELIO</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.4.2#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6204</span></span></span> Prevented inconsistent node tree state</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Historization</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6185</span></span></span> Fixed premature removal of history records when
using distinct durations for variables</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6262</span></span></span> Fixed data connections missing from project export</p></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Trend</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6185</span></span></span> Fixed trend line offset caused by distinct
durations for variables</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Parameter Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2047</span></span></span> Fixed HMI instability caused by <code>Data List</code> and
<code>Pie Chart</code> elements inside the <code>Side Panel</code></p></div></details></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.4.1]]></title>
            <link>https://docs.helio-hmi.com/releases/25.4.1</link>
            <guid>https://docs.helio-hmi.com/releases/25.4.1</guid>
            <pubDate>Wed, 11 Feb 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.4.1 is the first patch release for]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.4.1 is the first <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for
<a class="" href="https://docs.helio-hmi.com/releases/25.4.0">HELIO 25.4</a>.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.4.1#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade">Upgrade HELIO</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.4.1#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Added</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>NOA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2044</span></span></span> Added new advanced setting to delay discovery of
producers after successful connection with 15 seconds as the new default</p></div></details></div></details>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2041</span></span></span> Fixed collection of node properties when browsing child
references</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2038</span></span></span> Fixed reading of scalar SIMATIC DT values</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2039</span></span></span> Do not abort browsing when encountering reserved
SIMATIC data types</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6130</span></span></span> Fixed potential errors in the <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/data-view/data-source-explorer"><span>Data Source Explorer</span></a> after reconnecting</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6177</span></span></span> Improved variable type detection from imprecise "ValueRank" attribute</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2050</span></span></span>  Fixed display of dynamic metadata settings</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Components</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2036</span></span></span> Fixed component overrides getting lost when
duplicating instances</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6171</span></span></span> Fixed errors when saving buffered changes in a component</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2043</span></span></span> Fixed an issue with displaying certain page types</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-6029</span></span></span> Fixed support for enumerations of "Additional Variable Records" in message dialogs</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Page Group</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2040</span></span></span> Fixed duplicate selection highlight in menu</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Parameter Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2040</span></span></span> Fixed issue where the unsaved changes dialog was not
appearing on pages with <code>Write Mode</code> set to <code>Direct</code></p></div></details></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.4.0]]></title>
            <link>https://docs.helio-hmi.com/releases/25.4.0</link>
            <guid>https://docs.helio-hmi.com/releases/25.4.0</guid>
            <pubDate>Wed, 10 Dec 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[We are excited to announce that HELIO 25.4.0, our fourth and last feature release]]></description>
            <content:encoded><![CDATA[<div role="figure" class="[&amp;_img]:m-0! mt-3 mb-8"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/header-c2198671ba18e0e25af43053818207ac.webp" loading="lazy"></div></div></div></div></div>
<p>We are excited to announce that HELIO 25.4.0, our fourth and last feature release
of 2025, is now officially available to everyone. This release lets you
extend HELIO with confidence with the public release of the new HELIO SDK.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.4.0#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade">Upgrade HELIO</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/25.4.0#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<div class="tableOfContentsInline_EiBN"><ul class="table-of-contents"><li><a href="https://docs.helio-hmi.com/releases/25.4.0#the-helio-sdk--extend-with-confidence">The HELIO SDK – Extend With Confidence</a></li><li><a href="https://docs.helio-hmi.com/releases/25.4.0#ide-refresh--creating-room-to-grow">IDE Refresh – Creating Room to Grow</a></li><li><a href="https://docs.helio-hmi.com/releases/25.4.0#rulers-for-live-trends---pause-and-inspect">Rulers for Live Trends - Pause and Inspect</a></li><li><a href="https://docs.helio-hmi.com/releases/25.4.0#sankey-diagrams---make-every-flow-visible-every-loss-obvious">Sankey Diagrams - Make Every Flow Visible, Every Loss Obvious</a></li><li><a href="https://docs.helio-hmi.com/releases/25.4.0#personalization-v1--hmis-that-adapt-to-people">Personalization v1 – HMIs That Adapt to People</a></li></ul></div>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="the-helio-sdk--extend-with-confidence">The HELIO SDK – Extend With Confidence<a href="https://docs.helio-hmi.com/releases/25.4.0#the-helio-sdk--extend-with-confidence" class="hash-link" aria-label="Direct link to The HELIO SDK – Extend With Confidence" title="Direct link to The HELIO SDK – Extend With Confidence" translate="no">​</a></h3>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><p data-type="1-1" class="">This has been our most requested feature for a while, and we are excited about
how it turned out. With the
<a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#SDK">HELIO SDK<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> you can now extend the core functionality and create
new controls, widgets or entire page types that integrate fully with our
easy-to-use editor and responsive renderer.</p><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-sdk-b43667e73f9a64dc701fd38eb3b09fb6.webp" loading="lazy"></div></div></div></div></div></section>
<blockquote>
<p>Use the <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system"><span>HELIO Design System</span></a> for the
common ground, and add custom components for what makes your machine unique.</p>
</blockquote>
<p>Here's just one example: a <code>Circular Flow</code> element which was built entirely with
the SDK. Each section is a custom element you can configure, add click actions
to, and mark as completed or active.</p>
<section data-type="3-2" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="3-2" class="tablet:col-span-3"><div role="figure" class="mb-4 [&amp;_img]:m-0! p-6 pt-2 pb-0 bg-gradient-to-tr from-helio-gradient-on-light-02-100 from-10% via-helio-gradient-on-light-02-200 via-50% to-helio-gradient-on-light-02-300 to-100% rounded-md dark:from-helio-gradient-on-dark-01-300 dark:via-helio-gradient-on-dark-01-200 dark:to-helio-gradient-on-dark-01-100 [&amp;_a]:transform [&amp;_a]:translate-y-4 [&amp;_img]:transform [&amp;_img]:translate-y-4"><div class="drop-shadow-md"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-sdk-custom-element-b4a67d22695cdb0a10a64689fbdce61b.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-sdk-custom-element-b4a67d22695cdb0a10a64689fbdce61b.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><p data-type="3-2" class="tablet:col-span-2">Perfect for guiding operators through
multi-step processes or maintenance workflows – and it integrated seamlessly
with HELIO's existing building blocks such as
<a class="" href="https://docs.helio-hmi.com/docs/reference/actions"><span>Actions</span></a> and
<a class="" href="https://docs.helio-hmi.com/docs/reference/dynamic-properties"><span>Dynamic Properties</span></a>.</p></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Built To Empower Cross-Functional Product Teams</h3><div data-element="call-out__content__prose" class=""><p>Just like OPC UA creates a clean boundary between your PLC
logic and your HMI, the SDK creates a clean boundary between HELIO's core and
your custom extensions.</p><p>This matters for how your product team works. Your PLC engineers focus on
control logic. Your HMI engineers focus on the visual interface using HELIO's
no-code editor. And now, your web developers can build specialized components
when needed – without stepping on each other's toes. <strong>Clear boundaries. Clear
APIs. Everyone focused on what they do best.</strong></p></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Success_RklF"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><div><p><strong>Learn more</strong> with the following resources:</p></div><div><ul>
<li class="">
<a class="" href="https://docs.helio-hmi.com/docs/guides/sdk"><span>Extend HELIO Using the SDK</span></a>
</li>
<li class="">
<a class="" href="https://docs.helio-hmi.com/docs/guides/sdk/what-you-can-build"><span>What You Can Build With the SDK</span></a>
</li>
<li class="">
<a class="" href="https://docs.helio-hmi.com/docs/guides/sdk/what-you-need"><span>What You'll Need</span></a>
</li>
<li class="">
<a class="" href="https://docs.helio-hmi.com/docs/guides/sdk/create-your-first-extension"><span>Create Your First Extension</span></a>
</li>
</ul></div></div></div></section>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="ide-refresh--creating-room-to-grow">IDE Refresh – Creating Room to Grow<a href="https://docs.helio-hmi.com/releases/25.4.0#ide-refresh--creating-room-to-grow" class="hash-link" aria-label="Direct link to IDE Refresh – Creating Room to Grow" title="Direct link to IDE Refresh – Creating Room to Grow" translate="no">​</a></h3>
<p>After extensive conversations with our customers and comprehensive UX testing
with real users, we've given the HELIO IDE a major refresh. But this isn't about
making things look pretty – it's about removing friction from your daily work.</p>
<div class="grid flex-wrap gap-6 leading-normal grid-cols-2 my-8"><div class="flex flex-col gap-2 rounded-sm dark:text-neutral-200"><div class="flex items-end text-neutral-500 text-4xl"><i class="inline-flex items-center justify-center"></i></div><div class="text-pretty text-md [&amp;>p]:last:mb-0!"><p><strong>Room to Grow</strong><br>This redesign
creates space for the features we have planned. Future enhancements will
integrate seamlessly into this refined workspace instead of adding
complexity.</p></div></div><div class="flex flex-col gap-2 rounded-sm dark:text-neutral-200"><div class="flex items-end text-neutral-500 text-4xl"><i class="inline-flex items-center justify-center"></i></div><div class="text-pretty text-md [&amp;>p]:last:mb-0!"><p><strong>Faster HMI Engineering</strong><br>We've reimagined the layout to put the tools you need most within easy reach.
Less clutter. Better navigation. Faster access to what matters.</p></div></div></div>
<blockquote>
<p>The IDE works better today and is ready to evolve with your needs for years to come.</p>
</blockquote>
<div class="h-3"></div>
<p><strong>A Refreshed Home Page</strong></p>
<p>We've aligned the <code>Home Page</code> of the IDE with the layout of
<a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor"><span>Project Editor</span></a> giving you a more consistent behavior.</p>
<div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop-playful"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-ide-refresh-01-6ad7a932ab4f18a1f04285697b4280ef.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-ide-refresh-01-6ad7a932ab4f18a1f04285697b4280ef.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div>
<ul>
<li class="">You can now quickly switch between Projects, Translations, IDE Users.</li>
<li class="">Documentation, support, and getting-started resources are no longer
buried. They're right there in the Home Page sidebar, with the prominence
they deserve.</li>
</ul>
<div class="h-3"></div>
<p><strong>A Refreshed Project Editor</strong></p>
<p>The <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor"><span>Project Editor</span></a> has been tuned for clarity, efficiency and
growth.</p>
<div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop-playful"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-ide-refresh-02-ecc429c94c6f50d323442081834415b4.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-ide-refresh-02-ecc429c94c6f50d323442081834415b4.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div>
<p>We've introduced a <strong>new sidebar to switch between the editor's views</strong>. In
contrast to the previous tab navigation, it can grow sustainably as we add new
capabilities – without cluttering your workspace.</p>
<p>Many quality of life improvements have been made, e.g. we <strong>changed
the <code>Test-Mode</code> from a Button-Bar to a simple Switch</strong>. Toggling the mode
is now much easier since it requires no mouse movement at all!</p>
<p><strong>Meet the New HELIO IDE Menu</strong></p>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><p data-type="2-3" class="tablet:col-span-2">We love this one because it solves challenges we saw in our usability tests.
Especially new customers were having a hard time navigating the
IDE. That's why we introduced the HELIO IDE Menu with a clear button design to
make the most important navigational features easier to access.</p><div role="figure" class="mb-4 [&amp;_img]:m-0! tablet:col-span-3"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-helio-ide-menu-70a868712f0dc07c403e3504e7ec22d9.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-helio-ide-menu-70a868712f0dc07c403e3504e7ec22d9.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></section>
<section data-type="3-2" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div class="not-prose tablet:col-span-3" data-type="3-2"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-0"><video class="block" src="/assets/medias/highlight-helio-ide-menu-d0e946ee56a0bf374ac1d74bec5d6df7.mp4" controls="" preload="metadata"></video></div></div><p data-type="3-2" class="tablet:col-span-2">Finding your way back home or to other views has never been easier.</p></section>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="rulers-for-live-trends---pause-and-inspect">Rulers for Live Trends - Pause and Inspect<a href="https://docs.helio-hmi.com/releases/25.4.0#rulers-for-live-trends---pause-and-inspect" class="hash-link" aria-label="Direct link to Rulers for Live Trends - Pause and Inspect" title="Direct link to Rulers for Live Trends - Pause and Inspect" translate="no">​</a></h3>
<p>This is another long awaited feature from the HELIO community: the
<a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/data-visualization/trend"><span>Trend</span></a> element is now able to be analyzed. Tap any
trend line to pause the data and bring up an interactive ruler that reveals
exact values at that moment in time.</p>
<div class="not-prose mb-2"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-0"><video class="block" src="/assets/medias/highlight-trend-ruler-904fd7e0a6c2e2f96a3e3e57f2ed1c21.mp4" controls="" preload="metadata"></video></div></div>
<p>Visualizing more than one trend? The ruler automatically aligns across all
visible trends, letting you compare values and spot correlations instantly.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="sankey-diagrams---make-every-flow-visible-every-loss-obvious">Sankey Diagrams - Make Every Flow Visible, Every Loss Obvious<a href="https://docs.helio-hmi.com/releases/25.4.0#sankey-diagrams---make-every-flow-visible-every-loss-obvious" class="hash-link" aria-label="Direct link to Sankey Diagrams - Make Every Flow Visible, Every Loss Obvious" title="Direct link to Sankey Diagrams - Make Every Flow Visible, Every Loss Obvious" translate="no">​</a></h3>
<p>Understanding where energy goes or how production flows through your facility
shouldn't require mental gymnastics. Sankey diagrams transform complex flow data
into intuitive visual representations where the width of each path shows you
exactly how much is moving - and where. The new <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/sankey-diagram-page"><span>Sankey Diagram Page</span></a> and <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/data-visualization/sankey-diagram"><span>Sankey Diagram</span></a> let
you build powerful flow visualizations directly into your HMI.</p>
<div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop-playful"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-sankey-eea055dcb10c21447d12e72525a66c1b.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-sankey-eea055dcb10c21447d12e72525a66c1b.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div>
<p>Map energy distribution across your machine or facility, track material flows
through production lines, or visualize any process where understanding
proportional flow matters. Give operators and engineers the clarity they need to
optimize processes and reduce waste.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="personalization-v1--hmis-that-adapt-to-people">Personalization v1 – HMIs That Adapt to People<a href="https://docs.helio-hmi.com/releases/25.4.0#personalization-v1--hmis-that-adapt-to-people" class="hash-link" aria-label="Direct link to Personalization v1 – HMIs That Adapt to People" title="Direct link to Personalization v1 – HMIs That Adapt to People" translate="no">​</a></h3>
<p>Industrial environments are as diverse as the people who work in them. Operators
bring different experiences, preferences, and needs to their daily work. HMIs
are expanding to new contexts too – from small tablets on the factory floor to
large TV screens monitoring entire production lines. In the past, everyone got
the same interface and experience. Same text sizes. Same contrast. Same colors.
One size fits nobody.</p>
<div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop-playful"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-personalization-31700cc149da1fa120dc363f136880aa.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-personalization-31700cc149da1fa120dc363f136880aa.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div>
<p>We're changing that with <code>Personalization</code> – a new system that lets HMIs adapt
to each operator's needs. This isn't just about convenience. It's about
accessibility, efficiency, and creating interfaces that work for everyone.</p>
<p>HELIO 25.4.0 introduces a dedicated <code>Personalization</code> dialog where operators can
adjust their settings. And we've made integration simple: a new built-in
<code>Personalization</code>
<a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/header/header-cell"><span>Header Cell</span></a> launches the dialog with a single
click. Add it to your HMI header, and operators have instant access to their
personalization options – no custom actions or navigation needed.</p>
<p><strong>Starting With Zoom</strong>: This first version launches with Zoom to take control of
text sizing. Operators can adjust the zoom across the HMI to match their
readability preferences – whether they need larger text or want to fit more
information on screen. Settings persist across sessions and devices, so
configure once and you're done.</p>
<p><strong>What's Next?</strong> This is just the foundation – we're planning more accessibility
and personalization features that will all be available in the same dialog.
These include a high-contrast mode for operators working in bright environments
or with visual impairments.</p>
<p>This is a long-term investment in making HMIs work better for everyone. As
always, we're listening – if there are specific accessibility or personalization
features your operators need, let us know.</p>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Success_RklF"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><div><p><strong>Learn more</strong> with the following resources:</p></div><div><ul>
<li class="">Adjust the Personalization Defaults using the <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view/general"><span>General Settings</span></a></li>
<li class="">Use the <a class="" href="https://docs.helio-hmi.com/docs/reference/actions/dialogs/show-dialog"><span>Show Dialog Action</span></a> to show HELIO's built-in Personalization dialog</li>
</ul></div></div></div></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.4.0#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">New Features</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>SDK</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class=""><a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#SDK">HELIO SDK<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> is now publicly available</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Design System</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>New Pages</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1390</span></span></span> "Sankey Page"</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>New Elements</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1390</span></span></span> "Sankey" element</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1793</span></span></span> "Dual Axis" element</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Trend</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1613</span></span></span> Added the ability to pause and inspect live
trends using a ruler</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1303</span></span></span> Introduced "Personalization" dialog and Header
Cell</p></div></details></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Improvements</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1917</span></span></span> Support graceful shutdown via SIGTERM
and Ctrl+C/SIGKILL</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1913</span></span></span> Added support for Data Variable Type "JSON"</p><ul>
<li class="">Added support for reading and writing of OPC UA Data Type "LocalizedText"</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1793</span></span></span>Added ability to
add <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/data-entry/jog-control-axis"><span>Single Axis</span></a> directly
to <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/dashboard-page"><span>Dashboard Page</span></a></p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1794</span></span></span> Improved theming support for</p><a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/flow-map-page"><span>Flow Map Page</span></a></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Design System</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1882</span></span></span> Introduced "Linear Flow Page"</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Flow Map</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1882</span></span></span> Added "Text Alignment" property to "Flow Map
Module"</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1935</span></span></span> Added ability to disable a "Flow Map Module"</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE Refresh</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1941</span></span></span> Introduced "Welcome to HELIO" link
to <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/home-page"><span>Home Page</span></a> in order to improve onboarding
experience</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1767</span></span></span> Moved "Style View" into
<a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view/style"><span>Style: Look &amp; Feel</span></a> and removed component
overview</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1817</span></span></span> Added documentation links for all elements</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>General</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1847</span></span></span> Harmonized error display on input fields</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1843</span></span></span> Improved support for multiline text in "New
Translation" dialog</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Content View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1847</span></span></span> Added "Instance ID" to tooltip in <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/content-view/hmi-content-tree"><span>HMI Content Tree</span></a></p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1853</span></span></span> Disabled option to deactivate autoplay for HLS
video streams</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1820</span></span></span> Disabled sizing options for buttons without text</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1820</span></span></span> Added "Page Section Conditions" for "Tab Group"</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2020</span></span></span> It is no longer possible to create
auto-dismissing error toasts</p><ul>
<li class="">Elements in the "HMI Content Tree" can now also be renamed when
using the "Static Value" dynamic property</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1730</span></span></span> Removed unit input for data types without units</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1730</span></span></span> When copying and pasting the properties of HMI
data nodes, the recipe group is now also taken into account</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1895</span></span></span> Made size of "Code" column adjustable</p></div></details></div></details></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Fixed</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1960</span></span></span>Stopped repeatedly recording last-seen trend value
when connection is lost</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Fixed reading/writing of ByteString values</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>NOA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1985</span></span></span> Increased timeout for refreshing the data tree
from 30 to 120 seconds</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1806</span></span></span> Fixed On-screen Keyboard closing on "Floating Page
Overlays"</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1904</span></span></span> Fixed issue where messages would get stuck in the
active state when the trigger was deleted</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1750</span></span></span> Fixed unresponsive inputs on "Image Page with Panels"</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1995</span></span></span> Fixed "Import List Items from CSV File" action when using
with comma ',' as delimiter</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1997</span></span></span> Fixed "Export List Items as CSV File" action</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2013</span></span></span> Normalize durations before formatting to improve #
readability</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1789</span></span></span> Fixed "Page Group" in overlay displaying incorrect page title</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1972</span></span></span> Children of a "Tab Group" are now hidden from Main
Navigation, just as children of a "Page Group" with embedded navigation are</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-2014</span></span></span> The "Tab Group" page header styling was fixed when
no title is displayed</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1803</span></span></span> Fixed issues when importing projects that contain
asset file names containing characters such as spaces</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1650</span></span></span> Fixed usage of ALT key shortcuts (e.g. ALT+5) in
input fields</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1650</span></span></span> Prevented drawer from being stuck when navigating
to another IDE view</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1695</span></span></span> Fixed minor issues when deleting IDE users</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1814</span></span></span> Fixed reload button in license limit banner</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1863</span></span></span> Improved feedback for "Unit Switch" when no units
are configured</p></div></details></div></div></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="icons">Icons<a href="https://docs.helio-hmi.com/releases/25.4.0#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons" translate="no">​</a></h2>
<p>45 icons have been added to the <code>HELIO Icon Set</code>, bringing <strong>the total to a
whopping 1186</strong>. 🎉</p>
<details class="relative Toggle_BZyj rounded-sm bg-zinc-100 dark:bg-zinc-800 mt-2 mb-2"><summary class="flex select-none cursor-pointer items-center p-4 py-3 gap-1 rounded-sm leading-snug text-md font-semibold hover:bg-zinc-200 dark:hover:bg-zinc-700/50"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform"></i></div><div>Added</div></summary><div data-element="content" class="ml-7 pb-4 px-4 pt-2"><div class="grid grid-cols-2 gap-8"><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">AngleMeasure</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Annealing</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowDownX</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowDownY</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowDownZ</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowLeftX</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowLeftY</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowLeftZ</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowRightX</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowRightY</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowRightZ</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowUpX</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowUpY</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ArrowUpZ</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Atom</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">BottomCenter</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">BottomLeft</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">BottomRight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">BusinessCard</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Cake</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CakeSlice</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Capsule</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CenterCenter</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CenterLeft</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CenterRight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Cherry</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CrystalBall</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CurlyBrackets</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Fries</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">JumpSuit</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Login</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Logout</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PieChartSlice</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Pie</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">RadianArc</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Receipt</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Rope</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Snake</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Sorter</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Sticker</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Tape</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">TopCenter</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">TopLeft</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">TopRight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Virus</code></div></div></div></div></details>]]></content:encoded>
            <category>release</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.3.2]]></title>
            <link>https://docs.helio-hmi.com/releases/25.3.2</link>
            <guid>https://docs.helio-hmi.com/releases/25.3.2</guid>
            <pubDate>Thu, 06 Nov 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.3.2 - is the second patch release for]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.3.2 - is the second <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for
<a class="" href="https://docs.helio-hmi.com/releases/25.3.1">HELIO 25.3</a>.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.3.2#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade">Upgrade HELIO</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.3.2#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1890</span></span></span> Fixed the issue of stale and frozen values when a
connection was removed</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>NOA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1922</span></span></span> Fixed issue that caused problems after a connection refresh</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1888</span></span></span> Allow cancellation when importing larger data
trees from your PLC</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Message List Trigger (Early Access)</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1894</span></span></span> Fixed issue where lists could not be selected in
Message List Trigger configuration.</p></div></details></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1916</span></span></span> Improved performance when using the Heartbeat setting</p></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.3.1]]></title>
            <link>https://docs.helio-hmi.com/releases/25.3.1</link>
            <guid>https://docs.helio-hmi.com/releases/25.3.1</guid>
            <pubDate>Tue, 21 Oct 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[We are excited to announce that HELIO 25.3.1, our third feature release of]]></description>
            <content:encoded><![CDATA[<div role="figure" class="[&amp;_img]:m-0! mt-3 mb-8"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/header-db50632c6844e6fc0f1efee854e8a3fb.webp" loading="lazy"></div></div></div></div></div>
<p>We are excited to announce that HELIO 25.3.1, our third feature release of
2025, is now officially available to everyone. With HELIO 25.3.1, you can connect
faster, run stronger, and build better.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.3.1#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade">Upgrade HELIO</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/25.3.1#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<p>Let's dive into the highlights of this release…</p>
<div class="tableOfContentsInline_EiBN"><ul class="table-of-contents"><li><a href="https://docs.helio-hmi.com/releases/25.3.1#opc-ua-connect-faster-run-stronger-build-better">OPC UA: Connect Faster. Run Stronger. Build Better.</a></li><li><a href="https://docs.helio-hmi.com/releases/25.3.1#ide-performance-improvement-for-large-translation-sets">IDE: Performance Improvement for Large Translation Sets</a></li><li><a href="https://docs.helio-hmi.com/releases/25.3.1#last-active-message-metadata--critical-information-at-a-glance">Last Active Message Metadata – Critical Information at a Glance</a></li><li><a href="https://docs.helio-hmi.com/releases/25.3.1#fixed-size-overlays--precision-control-when-you-need-it">Fixed Size Overlays – Precision Control When You Need It</a></li></ul></div>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="opc-ua-connect-faster-run-stronger-build-better">OPC UA: Connect Faster. Run Stronger. Build Better.<a href="https://docs.helio-hmi.com/releases/25.3.1#opc-ua-connect-faster-run-stronger-build-better" class="hash-link" aria-label="Direct link to OPC UA: Connect Faster. Run Stronger. Build Better." title="Direct link to OPC UA: Connect Faster. Run Stronger. Build Better." translate="no">​</a></h3>
<p>HELIO's connection startup just got a major upgrade. Whether you're developing
in the IDE, commissioning projects, or running in production, HELIO now connects
to OPC UA servers instantly. This improvement comes from listening to our
customers and a dedicated team effort across engineering and design.</p>
<p>Your connections will be rock solid now, whether you’re working with controllers
with limited resources or with large data trees – even when PLCs
disconnect and reconnect. Less waiting. More building. Better results.</p>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="ide-performance-improvement-for-large-translation-sets">IDE: Performance Improvement for Large Translation Sets<a href="https://docs.helio-hmi.com/releases/25.3.1#ide-performance-improvement-for-large-translation-sets" class="hash-link" aria-label="Direct link to IDE: Performance Improvement for Large Translation Sets" title="Direct link to IDE: Performance Improvement for Large Translation Sets" translate="no">​</a></h3>
<p>We've reworked our translation engine to improve support for projects with large
sets of translations. HELIO is now handling translation sets of 50,000 entries
with ease. It still provides instant keyboard feedback and adjusts translations
in the blink of an eye.</p>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="last-active-message-metadata--critical-information-at-a-glance">Last Active Message Metadata – Critical Information at a Glance<a href="https://docs.helio-hmi.com/releases/25.3.1#last-active-message-metadata--critical-information-at-a-glance" class="hash-link" aria-label="Direct link to Last Active Message Metadata – Critical Information at a Glance" title="Direct link to Last Active Message Metadata – Critical Information at a Glance" translate="no">​</a></h3>
<div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="none"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-last-active-message-metadata-9dec2c15e379b9bae317ae6bb404324c.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-last-active-message-metadata-9dec2c15e379b9bae317ae6bb404324c.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div>
<p>Industrial operators need instant visibility into system status, especially when
messages demand attention. While HELIO has always let you display active message
counts, operators often need more context.</p>
<p>The new <a class="" href="https://docs.helio-hmi.com/docs/reference/dynamic-properties/messages-and-alarms/last-active-message-metadata"><code>Last Active Message Metadata</code></a>
dynamic property type delivers exactly this information. Operators can now see the
complete details of the most recent message directly in their HMI header or
status displays.</p>
<p>This follows a proven pattern in industrial interfaces: giving operators
immediate context about the most critical or recent system events without
requiring them to navigate away from their current task.</p>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="fixed-size-overlays--precision-control-when-you-need-it">Fixed Size Overlays – Precision Control When You Need It<a href="https://docs.helio-hmi.com/releases/25.3.1#fixed-size-overlays--precision-control-when-you-need-it" class="hash-link" aria-label="Direct link to Fixed Size Overlays – Precision Control When You Need It" title="Direct link to Fixed Size Overlays – Precision Control When You Need It" translate="no">​</a></h3>
<section data-type="3-2" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="3-2" class="tablet:col-span-3"><p>Sometimes you need dimensional precision with your overlays. Picture this: an
interactive SVG where operators click on a layer and need just a
small, focused overlay showing a brief status update or instruction. You don't
want a sprawling, responsive overlay that dominates the screen – you want
exactly the right size, exactly where you need it.
The <a class="" href="https://docs.helio-hmi.com/docs/reference/actions/navigation/open-page-as-overlay"><code>Open Page as Overlay</code></a> action now supports fixed sizing, letting you specify
exact width and height dimensions for your overlays. Perfect for those compact
floating displays that need to stay out of the way while delivering focused
information.
But here's where it gets even more powerful: since width and height are Dynamic
Properties, you can make your "fixed" overlays responsive. Using the Dynamic
Property <a class="" href="https://docs.helio-hmi.com/docs/reference/dynamic-properties/client/device-size"><code>Device Size</code></a>,
you can set different overlay dimensions for tablets versus large industrial
displays. Small details, big impact.</p></div><div data-type="3-2" class="tablet:col-span-2"><div role="figure" class="mb-4 [&amp;_img]:m-0! p-6 pt-2 pb-0 bg-gradient-to-tr from-helio-gradient-on-light-02-100 from-10% via-helio-gradient-on-light-02-200 via-50% to-helio-gradient-on-light-02-300 to-100% rounded-md dark:from-helio-gradient-on-dark-01-300 dark:via-helio-gradient-on-dark-01-200 dark:to-helio-gradient-on-dark-01-100 [&amp;_a]:transform [&amp;_a]:translate-y-4 [&amp;_img]:transform [&amp;_img]:translate-y-4"><div class="drop-shadow-md"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-open-page-as-overlay-size-fixed-fab9eaf4bdda3fcb12521b35cdf2af2a.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-open-page-as-overlay-size-fixed-fab9eaf4bdda3fcb12521b35cdf2af2a.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.3.1#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">New Features</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Collection Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Added Side Panel slot to <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/collection-page">Collection Page</a></li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1684</span></span></span> Added "Last Active Message Metadata" dynamic property</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1530</span></span></span> Early Access: Added "Numeric" trigger</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div> Message List Trigger</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1530</span></span></span> Introduced ability to use timestamps from PLC</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Recipe Management</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1744</span></span></span> Added "Rename Active Recipe" action</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1744</span></span></span> Improved "Delete Recipe" dialog</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI User Management</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1658</span></span></span> Added "Add User" action</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Video Page &amp; Video Element</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1712</span></span></span> Added "Loop" and "Autoplay" to the <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/graphics/video">Video element</a></p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Overlays</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1717</span></span></span> Added "Fixed" size option for "Open Page as Overlay" action.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Project Templates</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1764</span></span></span> Added "Production Workflows Using Flow Maps" template</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1764</span></span></span> Added support for more SIMATIC types:</p><ul>
<li class="">Time / LTime</li>
<li class="">Date</li>
<li class="">TOD / LTOD</li>
</ul><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1764</span></span></span> Added support for more built-in types:</p><ul>
<li class="">Duration (i=290)</li>
<li class="">DurationString (i=12879)</li>
<li class="">TimeString (i=12880)</li>
<li class="">DateString (i=12881)</li>
</ul></div></details></div></details></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Improvements</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Performance</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Previously loaded pages now load faster</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1784</span></span></span> Improved rendering performance of message dialogs</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Performance</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Improved performance for projects with large translation files</li>
<li class="">Clean-up action in Translation Manager now provides better user feedback</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Docs</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Added documentation links to Property Panel</li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Pages</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Improved consistency when working with Page Footers</li>
</ul></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-823</span></span></span> Improved startup time and connection reliability</p></div></details></div></details></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Fixed</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>On-Screen Keyboard</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1584</span></span></span> Made sure to apply URL parameter "enableOSK" on Android and iOS devices</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1255</span></span></span> Fix position when using a "Sidebar"</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Design System</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Elements</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Magic Output</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1749</span></span></span> Conceal variables of subtype "Password"</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Dialogs</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1790</span></span></span> Fix dialogs disappearing when adjusting zoom</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1784</span></span></span> Fixed issues when closing message dialogs</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1760</span></span></span> Fixed message dialogs showing empty solution text</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1857</span></span></span> Fixed "Export Message" leading to unresponsive HMI</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Actions</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Write Data Variable</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1805</span></span></span> Fixed writing to wrong variable when used inside "Switch" property</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Save Recipe</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1785</span></span></span> Fix On-Screen Keyboard not appearing in dialog</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Images</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1545</span></span></span> Fixed handling of encoded characters in SVGs</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Layer</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1691</span></span></span> Suppress warnings for an undefined data type used by SIMATIC S7 PLCs</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1691</span></span></span> Fixed incomplete node hierarchies for SIMATIC S7 PLCs</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1769</span></span></span> Recover from "BadTooManyMonitoredItems" errors to prevent missing values</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1645</span></span></span> Improved disconnection handling</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>NOA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1709</span></span></span> Improved disconnection handling</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1769</span></span></span> Improved handling of monitored items</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Variable Types</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1808</span></span></span> Fixed <a class="" href="https://docs.helio-hmi.com/docs/reference/data-layer/hmi-data-variable-types/translation-key-with-values">Translation Keys With Values</a></p></div></details></div></details></div></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="icons">Icons<a href="https://docs.helio-hmi.com/releases/25.3.1#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons" translate="no">​</a></h2>
<p>2 icons have been added to the <code>HELIO Icon Set</code>, bringing
<strong>the total to a whopping 1140</strong>. 🎉</p>
<details class="relative Toggle_BZyj rounded-sm bg-zinc-100 dark:bg-zinc-800 mt-2 mb-2"><summary class="flex select-none cursor-pointer items-center p-4 py-3 gap-1 rounded-sm leading-snug text-md font-semibold hover:bg-zinc-200 dark:hover:bg-zinc-700/50"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform"></i></div><div>Added</div></summary><div data-element="content" class="ml-7 pb-4 px-4 pt-2"><div class="grid grid-cols-2 gap-8"><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">DottedCircle</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">EmptyPage</code></div></div></div></div></details>]]></content:encoded>
            <category>release</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.2.3]]></title>
            <link>https://docs.helio-hmi.com/releases/25.2.3</link>
            <guid>https://docs.helio-hmi.com/releases/25.2.3</guid>
            <pubDate>Mon, 08 Sep 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.2.3 - is the third patch release for]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.2.3 - is the third <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for
<a class="" href="https://docs.helio-hmi.com/releases/25.2.0">HELIO 25.2</a>.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.2.3#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade/to-25.2.0">Upgrade HELIO to 25.2.0</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.2.3#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>NOA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1709</span></span></span> Improved discovery of late producers on startup.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Recipes</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1775</span></span></span> Reset the active recipe once it has been deleted.</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Content View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1753</span></span></span> Fixed the translation of dialogs in the content tree.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messages View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1774</span></span></span> Fixed rendering issue that caused message types and
message triggers to be partially hidden when switching between views.</p></div></details></div></details>
<p><strong>Changed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><strong>Suppressed Warnings for OPC UA Data Types Used by SIMATIC S7 PLCs</strong><br>
HELIO now suppresses warning messages that previously appeared when connecting
to SIMATIC S7 PLCs that use OPC UA data types not yet natively supported by
HELIO. These warnings were misleading, as they suggested a configuration issue
on the user side, when in fact they simply indicated data types that HELIO
doesn't currently recognize. This change improves the user experience by
eliminating unnecessary alarm noise during normal operation. We are actively
working on expanding HELIO's native support for additional SIMATIC data types,
and you can expect improved compatibility in upcoming releases.</p></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.2.2]]></title>
            <link>https://docs.helio-hmi.com/releases/25.2.2</link>
            <guid>https://docs.helio-hmi.com/releases/25.2.2</guid>
            <pubDate>Fri, 08 Aug 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.2.2 - is the second patch release for]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.2.2 - is the second <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for
<a class="" href="https://docs.helio-hmi.com/releases/25.2.0">HELIO 25.2</a>.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.2.2#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade/to-25.2.0">Upgrade HELIO to 25.2.0</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.2.2#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1722</span></span></span> Fixed an issue that could cause <code>Case</code> and <code>Then</code>
configurations of <code>Switch</code> properties to be lost when saving a project.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1724</span></span></span> UI Variables in <code>Display Conditions</code> will
now work correctly after being renamed.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1691</span></span></span> Fix potential OPC UA connection issues with
SIMATIC S7 PLCs.</p></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.2.1]]></title>
            <link>https://docs.helio-hmi.com/releases/25.2.1</link>
            <guid>https://docs.helio-hmi.com/releases/25.2.1</guid>
            <pubDate>Wed, 06 Aug 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[HELIO 25.2.1 - is the first patch release for HELIO 25.2.]]></description>
            <content:encoded><![CDATA[<p>HELIO 25.2.1 - is the first <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch release</a> for <a class="" href="https://docs.helio-hmi.com/releases/25.2.0">HELIO 25.2</a>.
It fixes an issue where data connections could not be renamed.</p>
<!-- -->
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.2.1#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade/to-25.2.0">Upgrade HELIO to 25.2.0</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.2.1#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Fixed</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1722</span></span></span> The issue of being unable to edit data
connection names has been resolved.</p></div></details></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.2.0]]></title>
            <link>https://docs.helio-hmi.com/releases/25.2.0</link>
            <guid>https://docs.helio-hmi.com/releases/25.2.0</guid>
            <pubDate>Wed, 30 Jul 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[We are excited to announce that HELIO 25.2.0, our second feature release of]]></description>
            <content:encoded><![CDATA[<div role="figure" class="[&amp;_img]:m-0! mt-1 mb-8"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/header-4688b8498c8fc5ae4a00ce3fd68c0a03.webp" loading="lazy"></div></div></div></div></div>
<p>We are excited to announce that HELIO 25.2.0, our second feature release of
2025, is now officially available to everyone 🎉!</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.2.0#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Start Fresh</h3><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e Task_qT9P"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Upgrade</h3><div data-element="call-out__content__prose" class=""><p>Follow the <a class="" href="https://docs.helio-hmi.com/docs/guides/upgrade/to-25.2.0">Upgrade HELIO to 25.2.0</a> guide.</p></div></div></section></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/25.2.0#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<p>Let's dive into the highlights of this release…</p>
<div class="tableOfContentsInline_EiBN"><ul class="table-of-contents"><li><a href="https://docs.helio-hmi.com/releases/25.2.0#audit-trail--a-flight-data-recorder-for-your-hmi">Audit Trail – a Flight Data Recorder for Your HMI</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#sneak-peek-the-helio-sdk--built-for-ambitious-projects">Sneak Peek: The HELIO SDK – Built for Ambitious Projects</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#multi-line-trend-element--compare-what-matters">Multi-Line Trend Element – Compare What Matters</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#less-hunting-through-data--enhanced-states-using-enumerations">Less Hunting Through Data – Enhanced States Using Enumerations</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#take-control-of-the-details">Take Control of the Details</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#enhanced-url-parameter-support---tailored-hmis-without-the-tailoring-headaches">Enhanced URL Parameter Support –  Tailored HMIs Without the Tailoring Headaches</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#self-explaining-icons">Self-Explaining Icons</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#improved-unit-conversion--value-scaling--one-hmi-every-market">Improved Unit Conversion &amp; Value Scaling – One HMI, Every Market</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#unbreakable-workflows">Unbreakable Workflows</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#project-export-with-translations--simplified-target-device-commissioning">Project Export With Translations – Simplified Target Device Commissioning</a></li><li><a href="https://docs.helio-hmi.com/releases/25.2.0#sneak-peek-personalization-with-zoom">Sneak Peek: Personalization With Zoom</a></li></ul></div>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="audit-trail--a-flight-data-recorder-for-your-hmi">Audit Trail – a Flight Data Recorder for Your HMI<a href="https://docs.helio-hmi.com/releases/25.2.0#audit-trail--a-flight-data-recorder-for-your-hmi" class="hash-link" aria-label="Direct link to Audit Trail – a Flight Data Recorder for Your HMI" title="Direct link to Audit Trail – a Flight Data Recorder for Your HMI" translate="no">​</a></h3>
<div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-audit-trail-9c26d245d281e222f0a6ef2fa45cedfa.webp" loading="lazy"></div></div></div></div></div>
<p>Transparency and security are of vital importance when automating processes.
In many industries it is essential to track changes made
to a machine, especially where compliance with regulatory frameworks such as
<a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#Fda21CfrPart11">FDA 21 CFR Part 11<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> is mandatory.</p>
<p>We are excited to take the next step in making life even easier for HMI
engineers with the Audit Trail. You can begin integration straight
away with the new
<a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/audit-trail-page">Audit Trail
Page</a> and the
<a href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view/audit-trail-settings">Audit Trail Settings</a>
or read our <a href="https://docs.helio-hmi.com/docs/guides/regulatory-compliance/">detailed guide</a> for more information.</p>
<p>If you are building machines and HMIs that need to comply with
<a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#Fda21CfrPart11">FDA 21 CFR Part 11<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> take a look at
<a href="https://docs.helio-hmi.com/docs/guides/regulatory-compliance/fda-21-cfr-part-11/">our
guide on how HELIO can help</a>.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="sneak-peek-the-helio-sdk--built-for-ambitious-projects">Sneak Peek: The HELIO SDK – Built for Ambitious Projects<a href="https://docs.helio-hmi.com/releases/25.2.0#sneak-peek-the-helio-sdk--built-for-ambitious-projects" class="hash-link" aria-label="Direct link to Sneak Peek: The HELIO SDK – Built for Ambitious Projects" title="Direct link to Sneak Peek: The HELIO SDK – Built for Ambitious Projects" translate="no">​</a></h3>
<div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-sdk-c864c69dfa2a729b8a8ecd4947f291bc.webp" loading="lazy"></div></div></div></div></div>
<p>Our standard library already offers many options for common use cases. However, we
understand that sometimes you need to add new solutions to meet specific requirements.</p>
<p>We are almost ready to fully take the wraps off one of our most requested features:
Starting this fall, you'll be able to use the HELIO SDK to develop extensions containing
your own controls or pages and integrate them with the HELIO system!</p>
<p>Building on our highly extensible core architecture, we have carefully designed APIs
that allow you to start quickly while also scaling for large teams and long product cycles.</p>
<p>To us, product development is about safely adapting to changing requirements. The SDK
embodies this focus with its emphasis on type safety and built-in migration support.
Written entirely in <a href="https://www.typescriptlang.org/" target="_blank" rel="noopener noreferrer" class="">TypeScript</a>, you're able to build
HELIO extensions that are statically verified by the TypeScript compiler and will behave
predictably at runtime. Evolving those extensions over time is also very easy. HELIO
can automatically migrate projects to new extension versions using our built-in data
migration tools.</p>
<p>We are also integrating support for automatic testing tools that allow you to verify a
control's behavior and appearance. By using libraries like <a href="https://storybook.js.org/" target="_blank" rel="noopener noreferrer" class="">Storybook</a>
and <a href="https://vitest.dev/" target="_blank" rel="noopener noreferrer" class="">Vitest</a>, which have become the gold standard in web development,
you can create even highly complex UIs and make changes with confidence.</p>
<p>All these tools are essential for enabling sustainable projects that can scale to large
teams and organizations and will support you in creating great software for your users.</p>
<p>We are currently beta testing this feature internally and with select customers. We look
forward to sharing more about it over the coming months.</p>
<p>If you want to learn more about the HELIO SDK, feel free to
<a href="https://helio-hmi.com/en/support" target="_blank" rel="noopener noreferrer">reach out to us</a> for a demo presentation.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="multi-line-trend-element--compare-what-matters">Multi-Line Trend Element – Compare What Matters<a href="https://docs.helio-hmi.com/releases/25.2.0#multi-line-trend-element--compare-what-matters" class="hash-link" aria-label="Direct link to Multi-Line Trend Element – Compare What Matters" title="Direct link to Multi-Line Trend Element – Compare What Matters" translate="no">​</a></h3>
<div role="figure" class="mb-4 [&amp;_img]:m-0! p-5 bg-linear-to-tr from-helio-gradient-on-light-01-100 from-10% via-helio-gradient-on-light-01-200 via-50% to-helio-gradient-on-light-01-300 to-100% rounded-md dark:from-helio-gradient-on-dark-01-100 dark:via-helio-gradient-on-dark-01-200 dark:to-helio-gradient-on-dark-01-300"><div class="drop-shadow-md"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-multi-line-trend-220ba5d391a7fb8c7f30e57829148769.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-multi-line-trend-220ba5d391a7fb8c7f30e57829148769.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div>
<p>The <code>Trend</code> Element has been updated to support multiple trend lines in a single
graph, allowing you to compare different related values with ease.</p>
<p>This saves screen space and helps operators easily identify relationships between
data, such as how temperature changes affect pressure or how to compare multiple
production line outputs at a glance.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="less-hunting-through-data--enhanced-states-using-enumerations">Less Hunting Through Data – Enhanced States Using Enumerations<a href="https://docs.helio-hmi.com/releases/25.2.0#less-hunting-through-data--enhanced-states-using-enumerations" class="hash-link" aria-label="Direct link to Less Hunting Through Data – Enhanced States Using Enumerations" title="Direct link to Less Hunting Through Data – Enhanced States Using Enumerations" translate="no">​</a></h3>
<p>The <code>Collection Page</code> now supports enhanced visualizations through <code>Enumerations</code>.
Instead of scanning through endless rows of similar-looking data, you can now
use colors, custom icons, and cell highlighting to instantly communicate status
and quality.</p>
<p>This means outliers and critical items jump out immediately – whether it's a
machine running hot, a batch that needs attention, or equipment due for
maintenance. Less hunting through data, more time acting on what matters.</p>
<div class="grid grid-cols-2 gap-3"><div class="flex flex-col gap-1 text-sm"><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-02-78128b29e3004d0681927f4412d89ada.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-02-78128b29e3004d0681927f4412d89ada.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div><div class="flex flex-row gap-3"><div class="flex items-center gap-1"><i class="inline-flex items-center justify-center"></i> Status</div><div class="flex items-center gap-1"><i class="inline-flex items-center justify-center"></i> Icon</div></div></div><div class="flex flex-col gap-1 text-sm"><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-01-603e0330bf3928007132a9657b972f76.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-01-603e0330bf3928007132a9657b972f76.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div><div class="flex flex-row gap-3"><div class="flex items-center gap-1"><i class="inline-flex items-center justify-center"></i> Status</div><div class="flex items-center gap-1"><i class="inline-flex items-center justify-center"></i> Icon</div><div class="flex items-center gap-1"><i class="inline-flex items-center justify-center"></i> Highlight</div></div></div><div class="flex flex-col gap-1 text-sm"><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-03-a040d969cacb2e05216029be7b9ae8e7.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-03-a040d969cacb2e05216029be7b9ae8e7.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div><div class="flex flex-row gap-3"><div class="flex flex-row gap-1"><i class="inline-flex items-center justify-center"></i> Status</div><div class="flex flex-row gap-1"><i class="inline-flex items-center justify-center"></i> Value</div><div class="flex flex-row gap-1"><i class="inline-flex items-center justify-center"></i> Highlight</div></div></div><div class="flex flex-col gap-1 text-sm"><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-04-2929d9595b588045a70ccaaf80223b60.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-collection-page-enum-states-example-04-2929d9595b588045a70ccaaf80223b60.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div><div class="flex flex-row gap-3"><div class="flex flex-row gap-1"><i class="inline-flex items-center justify-center"></i> Status</div><div class="flex flex-row gap-1"><i class="inline-flex items-center justify-center"></i> Value</div><div class="flex flex-row gap-1"><i class="inline-flex items-center justify-center"></i> Conditional Highlight</div></div></div></div>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="take-control-of-the-details">Take Control of the Details<a href="https://docs.helio-hmi.com/releases/25.2.0#take-control-of-the-details" class="hash-link" aria-label="Direct link to Take Control of the Details" title="Direct link to Take Control of the Details" translate="no">​</a></h3>
<p>HELIO 25.2.0 also introduces a new option to the <code>Detail View</code> of your
<code>Collection Pages</code> that will give you more control on how the details will be
displayed:</p>
<section data-type="1-2" class="grid grid-cols-1 tablet:grid-cols-3 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><p data-type="1-2" class="">Details as Overlay</p><div role="figure" class="mb-4 [&amp;_img]:m-0! tablet:col-span-2"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-collection-page-details-as-overlay-77a7d77f734065794d00ca0d9391559b.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-collection-page-details-as-overlay-77a7d77f734065794d00ca0d9391559b.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></section>
<section data-type="1-2" class="grid grid-cols-1 tablet:grid-cols-3 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><p data-type="1-2" class="">Details as Side Panel</p><div role="figure" class="mb-4 [&amp;_img]:m-0! tablet:col-span-2"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-collection-page-details-as-sidepanel-eca0bd33f206ed5714197020bf719f99.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-collection-page-details-as-sidepanel-eca0bd33f206ed5714197020bf719f99.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></section>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="enhanced-url-parameter-support---tailored-hmis-without-the-tailoring-headaches">Enhanced URL Parameter Support –  Tailored HMIs Without the Tailoring Headaches<a href="https://docs.helio-hmi.com/releases/25.2.0#enhanced-url-parameter-support---tailored-hmis-without-the-tailoring-headaches" class="hash-link" aria-label="Direct link to Enhanced URL Parameter Support –  Tailored HMIs Without the Tailoring Headaches" title="Direct link to Enhanced URL Parameter Support –  Tailored HMIs Without the Tailoring Headaches" translate="no">​</a></h3>
<p>URL Parameters are a very versatile tool to achieve a lot of flexibility for
HMIs. They allow you to pass data from the outside into your HMI, enabling
powerful customization scenarios. For example, you can define a parameter that
identifies different panel locations at your machine, allowing the same HMI to
adapt its behavior based on where it's being used.</p>
<p>With HELIO 25.2.0, we're introducing two new dynamic properties that you can use
to create more dynamic HMIs that adapt to their usage context and the people
using them:</p>
<ul>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/reference/dynamic-properties/client/is-url-parameter-set"><code>Is URL Parameter Set</code></a> allows you
to check whether a specific URL parameter
has been provided, enabling conditional logic in your HMI design.</li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/reference/dynamic-properties/client/url-parameter-value"><code>URL Parameter Value</code></a> lets you
directly access and utilize the values passed
through URL parameters in your dynamic property configurations.</li>
</ul>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="self-explaining-icons">Self-Explaining Icons<a href="https://docs.helio-hmi.com/releases/25.2.0#self-explaining-icons" class="hash-link" aria-label="Direct link to Self-Explaining Icons" title="Direct link to Self-Explaining Icons" translate="no">​</a></h3>
<div class="not-prose mb-4"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-0"><video class="block" src="/assets/medias/highlight-self-explaining-icons-9b8b1feb281da2257c6fd16ad8c07c12.mp4" autoplay="" muted="" loop="" preload="metadata"></video></div></div>
<p>We take great care of our steadily growing icon family. However, finding the
right icon in such a large collection is quite challenging. That's why, from the
beginning, we have added metadata to icons to make them more discoverable.</p>
<p>With that in mind, HELIO 25.2.0 introduces an icon tooltip while scanning through
the icon library to provide more context to icons quickly. The tooltip features
an icon's name and additional tags that provide more information.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="improved-unit-conversion--value-scaling--one-hmi-every-market">Improved Unit Conversion &amp; Value Scaling – One HMI, Every Market<a href="https://docs.helio-hmi.com/releases/25.2.0#improved-unit-conversion--value-scaling--one-hmi-every-market" class="hash-link" aria-label="Direct link to Improved Unit Conversion &amp; Value Scaling – One HMI, Every Market" title="Direct link to Improved Unit Conversion &amp; Value Scaling – One HMI, Every Market" translate="no">​</a></h3>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><p>Unit conversion &amp; value scaling have been part of HELIO for a while, but
we've made it much easier to set up. When you're shipping machines to both
Europe and the US, your operators shouldn't have to think in foreign units –
whether that's °C to °F or bar to PSI.</p><p>We've reorganized the interface to make source and target units clearer and
added helpful conversion examples so you can set up localized HMIs without
the guesswork. Build once, deploy everywhere.</p></div><div role="figure" class="mb-4 [&amp;_img]:m-0! p-6 pt-2 pb-0 bg-gradient-to-tr from-helio-gradient-on-light-02-100 from-10% via-helio-gradient-on-light-02-200 via-50% to-helio-gradient-on-light-02-300 to-100% rounded-md dark:from-helio-gradient-on-dark-01-300 dark:via-helio-gradient-on-dark-01-200 dark:to-helio-gradient-on-dark-01-100 [&amp;_a]:transform [&amp;_a]:translate-y-4 [&amp;_img]:transform [&amp;_img]:translate-y-4"><div class="drop-shadow-md"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-improved-unit-conversion-de8d78a10b43b87545c7d1b00780403b.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-improved-unit-conversion-de8d78a10b43b87545c7d1b00780403b.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></section>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="unbreakable-workflows">Unbreakable Workflows<a href="https://docs.helio-hmi.com/releases/25.2.0#unbreakable-workflows" class="hash-link" aria-label="Direct link to Unbreakable Workflows" title="Direct link to Unbreakable Workflows" translate="no">​</a></h3>
<p>We've enhanced <code>Page Groups</code> and <code>Tab Groups</code> to allow for nesting, enabling page
groups to be placed within tab groups and vice versa. This facilitates effective
workflow navigation, assisting users in navigating multistep processes.</p>
<div class="not-prose mb-4"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-0"><video class="block" src="/assets/medias/highlight-unbreakable-workflows-bf970b65332e38bead74d4547da717ec.mp4" autoplay="" muted="" loop="" preload="metadata"></video></div></div>
<p>HELIO intelligently adapts the UI to various display sizes, allowing your product
team to design a single workflow that functions perfectly, regardless of the panel
size operators are using.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="project-export-with-translations--simplified-target-device-commissioning">Project Export With Translations – Simplified Target Device Commissioning<a href="https://docs.helio-hmi.com/releases/25.2.0#project-export-with-translations--simplified-target-device-commissioning" class="hash-link" aria-label="Direct link to Project Export With Translations – Simplified Target Device Commissioning" title="Direct link to Project Export With Translations – Simplified Target Device Commissioning" translate="no">​</a></h3>
<p>Getting projects onto your target device has become even easier: We've streamlined
project deployment by letting you <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/home-page/export-project">include all translations directly in your project
export</a>.</p>
<p>Plus, we've added a new guide <a class="" href="https://docs.helio-hmi.com/docs/guides/commissioning-to-target-device/">Commissioning to Target
Device</a> to walk you through the
entire deployment process.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="sneak-peek-personalization-with-zoom">Sneak Peek: Personalization With Zoom<a href="https://docs.helio-hmi.com/releases/25.2.0#sneak-peek-personalization-with-zoom" class="hash-link" aria-label="Direct link to Sneak Peek: Personalization With Zoom" title="Direct link to Sneak Peek: Personalization With Zoom" translate="no">​</a></h3>
<p>Industrial environments are as diverse as the people who work in them. Operators
bring various experiences and preferences to their daily interactions with machines.
Furthermore, HMIs are expanding to new output devices, such as large TV screens.
This diversity of people and devices underscores the need for more accessible and
adjustable interfaces. This concept is commonly referred to as accessibility, and
we have been working diligently to integrate it into HELIO.</p>
<p>In upcoming versions, we will introduce a variety of new Personalization features.
The Zoom, by far the most frequently requested personalization feature, will be
released first. It allows operators to adapt HMI elements to their particular
needs or the device they're using.</p>
<div class="mb-12"><div role="figure" class="mb-4 [&amp;_img]:m-0! p-6 pt-2 pb-0 bg-gradient-to-tr from-helio-gradient-on-light-02-100 from-10% via-helio-gradient-on-light-02-200 via-50% to-helio-gradient-on-light-02-300 to-100% rounded-md dark:from-helio-gradient-on-dark-01-300 dark:via-helio-gradient-on-dark-01-200 dark:to-helio-gradient-on-dark-01-100 [&amp;_a]:transform [&amp;_a]:translate-y-4 [&amp;_img]:transform [&amp;_img]:translate-y-4"><div class="drop-shadow-md"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-personalization-defaults-6e1b689c2f1a9ab0e6a34c9c14042f55.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-personalization-defaults-6e1b689c2f1a9ab0e6a34c9c14042f55.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div>
<p>When working in challenging conditions – whether it's viewing from a
distance, or simply needing larger interactive elements for easier operation –
operators can now make buttons, text, and controls bigger. Also, if you need to
monitor more data points at the same time, you can now make your HMI smaller so
that more information fits on the screen.</p>
<p>The new Zoom feature will ship this fall. If you're interested in trying
it out, <a href="https://helio-hmi.com/en/support" target="_blank" rel="noopener noreferrer">get in touch with our team</a>.</p>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.2.0#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">New Features</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Audit Trail</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><ul>
<li class="">Added <code>Audit Trail Page</code></li>
<li class="">Added <code>Audit Trail Settings</code></li>
<li class="">Added <code>Export Audit Trail Action</code></li>
</ul></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Recipe Management</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1321</span></span></span> Added support for exporting and importing recipes using CSV
files.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Dynamic Properties</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1381</span></span></span> Added <code>Is URL Parameter Set</code> property</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1381</span></span></span> Added <code>URL Parameter Value</code> property
Parameter.”</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Heartbeat</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1461</span></span></span> Added <a href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view/heartbeat">Heartbeat Settings</a>
to inform data sources of the current status of clients and detect when a client is no longer active.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Early Access: SDK</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1297</span></span></span> Introduce Extensions Upload</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Early Access: Personalization</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1303</span></span></span> Introduce Personalization default settings
<span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1303</span></span></span> Introduce Personalization dialog</p></div></details></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Improvements</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Design System</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Pages</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Collection Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1442</span></span></span> Improved <code>Collection Page</code> with status display
using <code>Enumerations</code></p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1386</span></span></span> Improved <code>Detail-View</code> new <code>As Side Panel</code> option.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Message Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1458</span></span></span> Added ability to add custom footer actions to the <code>Message Page</code></p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Elements</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data Visualizations</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-944</span></span></span> Extended <code>Trend</code> Element with support
for multiple curves</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Image</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1482</span></span></span> Increased marker length to 5.</p></div></details></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Content View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p>HELIO now displays an info message beneath every enabled <code>Display Condition</code>
while <code>Edit Mode</code> is active. As a reminder why this condition will not have
any affect during editing.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1592</span></span></span> For clarity and transparency, error messages in
the IDE will no longer hide automatically.</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Project Settings</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1610</span></span></span> In order to structure the growing number of
<a href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view/">Project Settings</a> more clearly, we have divided the settings into smaller
and more distinct sections.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Properties Panel</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1598</span></span></span> Dynamic properties are now expanded by default after activation.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1593</span></span></span> Improve copy &amp; pasting into non-expanded dynamic properties</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1521</span></span></span> Improved value scaling and unit conversions</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1635</span></span></span> Added the ability to copy and paste the
properties of data variables</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1645</span></span></span> Made it easier to spot disconnected data
connections from any view of the <code>Project Editor</code></p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1312</span></span></span> <a href="https://docs.helio-hmi.com/docs/reference/data-layer/data-source-types/plc-connection/opc-ua-connection#advanced">Advanced Settings</a> have been added to adjust the low-level inner
workings of a connection, such as the <code>Sampling Interval</code>.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1416</span></span></span> Added support for binary DER format for
certificate upload and download.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1487</span></span></span> If provided by the PLC, HELIO now
automatically detects and imports units and ranges of a variable.</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI Users</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1565</span></span></span> Introduce <code>Localize</code> option for User Roles so
they can be translated into the active HMI language</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Welcome Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1527</span></span></span> Introduced <code>Run With Options</code> action for projects
to simplify the process of running projects with built-in URL parameters.</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1367</span></span></span> Made adjustments to message trigger implementation:</p><ul>
<li class=""><code>Dynamic Message</code> trigger was renamed to <code>JSON Object</code> trigger</li>
<li class="">Introduced <code>Dynamic Message</code> trigger with improved
configuration that simplifies the selection of data variables</li>
</ul><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1350</span></span></span> Introduced a <code>Fallback Message</code> with ability to access
message code using <code>{$heMessageCode}</code> placeholder.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1367</span></span></span> Refined dynamic message trigger into two use
cases: JSON object and string variables.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1158</span></span></span> Enabled placeholder variables in message titles,
descriptions, etc.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>MQTT Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1588</span></span></span> Request-Response Pattern: improved compatibility with
older clients that only support earlier versions of MQTT, prior to version
5.</p></div></details></div></details></div></div></section>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 CallOut_MH0e"><div data-element="call-out__icon" class="icon-md flex"><i class="inline-flex items-center justify-center"></i></div><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><h3 data-element="call-out__content__title" class="font-default! text-base! m-0!">Fixed</h3><div data-element="call-out__content__prose" class=""><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Design System</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Elements</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data List</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1495</span></span></span> Fixed display of multiple units</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Dialogs</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-725</span></span></span> Refactored and streamlined all <code>Dialogs</code> used
in HMIs. Ability to customize dialogs for custom themes has also been
improved.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1634</span></span></span> Prevent dialogs and page overlays from overlapping
important areas such as the <code>Status Bar</code>, <code>Header</code>, <code>Sidebar</code>, or <code>Footer</code></p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Header</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1574</span></span></span> Introduced <code>Main Navigation Cell</code> to simplify
the process of adding the main navigation to the header of the HMI.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Overlays</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1564</span></span></span> Fixed a bug that allowed floating overlays to
close elements behind their backdrop</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Markdown</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1560</span></span></span> Fixed broken dialog for <code>Show More</code> button</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Linear Flow Module</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1616</span></span></span> Fix <code>Apply Status</code> behavior</p></div></details></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Messaging</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1441</span></span></span> Fixed an issue on the message page where the
internal user ID was displayed instead of the user's display name.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Exclusive Control</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1579</span></span></span> Prevent closed clients from retaining exclusive
control</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Actions</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1457</span></span></span> Fixed <code>Import List Items from CSV File</code> action</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>On-Screen Keyboard</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1473</span></span></span> Fixed keyboard for date and time input</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1600</span></span></span> Fix tooltip UX by making them non-interactive by
default to prevent overlapping elements</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Content View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1493</span></span></span> Removed bad translations</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1526</span></span></span> Fixed <code>Cases</code> display for Dynamic Property
<code>Switch</code> and autofill its cases when being used with Enumerations.</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Data View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1394</span></span></span> Prevent the creation of multiple data connections with the same name</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1422</span></span></span> Fixed copy and pasting of certificates</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI Users View</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1528</span></span></span> Fixed an issue with broken HMI User Roles</p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Welcome Page</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1532</span></span></span> Fixed bug when canceling project import
<span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1630</span></span></span> Improve project export with broken assets</p></div></details></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1468</span></span></span> Enhanced security validation in the IDE API layer
<span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1596</span></span></span> Fixed <code>Filter List</code> feature when filtering falsy values</p><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1615</span></span></span> Improve browsing stability by handling errors in
metadata requests more effectively.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1645</span></span></span> Handle disconnects and reconnects more effectively</p></div></details></div></details></div></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="icons">Icons<a href="https://docs.helio-hmi.com/releases/25.2.0#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons" translate="no">​</a></h2>
<p>Our design crew has also <strong>added 46 new icons</strong> to the <code>HELIO Icon Set</code>,
bringing <strong>the total to a whopping 1,138</strong>. 🎉</p>
<details class="relative Toggle_BZyj rounded-sm bg-zinc-100 dark:bg-zinc-800 mt-2 mb-2"><summary class="flex select-none cursor-pointer items-center p-4 py-3 gap-1 rounded-sm leading-snug text-md font-semibold hover:bg-zinc-200 dark:hover:bg-zinc-700/50"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform"></i></div><div>Added</div></summary><div data-element="content" class="ml-7 pb-4 px-4 pt-2"><div class="grid grid-cols-2 gap-8"><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Avocado</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Barrier</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Bottle</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">BreadLoaf</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Bus</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Carrot</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Cheese</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CoffeeCup</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Comparison</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">DustMask</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">EyeOfProvidence</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">FoilWrapping</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">FriedEgg</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Hairnet</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">HalfMask</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Hardhat</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">HearingProtection</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Hyperlink</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDCentrifugalPump2</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDCompressor</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDConveyor</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDCrane</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDDryer</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDElevator2</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDElevator</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDFilter1</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDFilter3</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDFlange</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDGasBlower</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDInLineMixer</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDMotorGenerator</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDMotor</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDPistonExtruder</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDRotaryValve2</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDUnion</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PizzaSlice</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ProtectiveShoes</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Roast</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SafetyGlasses</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SafetyJacket</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Soda</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SoupBowl</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SurveillanceCamera</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">TapeRecorder</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">VideoCamera</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">WorkGloves</code></div></div></div></div></details>]]></content:encoded>
            <category>release</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.1.1]]></title>
            <link>https://docs.helio-hmi.com/releases/25.1.1</link>
            <guid>https://docs.helio-hmi.com/releases/25.1.1</guid>
            <pubDate>Thu, 20 Mar 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[“Claiming that software is bug-free is simply not realistic. Let's be honest:]]></description>
            <content:encoded><![CDATA[<blockquote>
<p>“Claiming that software is bug-free is simply not realistic. Let's be honest:
there will be bugs. What matters is how we deal with them. Do we get frustrated,
or do we take the opportunity to improve our product and move forward?
We as a team are committed to continuous improvement and put a lot of work
into our architecture and infrastructure to be able to do just that: to keep
making HELIO better, one step at a time.”</p>
</blockquote>
<p>In this spirit, we're releasing HELIO 25.1.1 - our second <a class="" href="https://docs.helio-hmi.com/releases/tags/patch">patch
release</a> of the year and the first patch <a class="" href="https://docs.helio-hmi.com/releases/25.1.0">for HELIO
25.1</a>, that we've released a month
ago.</p>
<!-- -->
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch mt-8 md:mb-0 Columns_GFWO"><div data-type="1-1" class=""><h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.1.1#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2><div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div></div><div data-type="1-1" class=""><h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="get-started">Get Started<a href="https://docs.helio-hmi.com/releases/25.1.1#get-started" class="hash-link" aria-label="Direct link to Get Started" title="Direct link to Get Started" translate="no">​</a></h2><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 pl-6 CallOut_MH0e Task_qT9P !mb-0"><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.1.1#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>Improved</strong></p>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>IDE</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>OPC-UA Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1414</span></span></span> Improved error messages and feedback during the
connection setup process. We now make sure to include the underlying OPC UA
error codes to make debugging easier.</p><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1425</span></span></span> The default validity period for <strong>Application
Instance Certificates</strong> has been increased to 10 years.</p><p>Read more: <a class="" href="https://docs.helio-hmi.com/docs/reference/data-layer/data-source-types/plc-connection/opc-ua-connection">OPC-UA Connection</a></p></div></details><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Help Button</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p>We've been improving our support system behind the scenes, and we're going
all in on using the support email as the way to contact our team.</p><p>That's why we've removed the built-in support widget in favor of our support
email. It's less friction for you, since you don't have to learn a new
interface, and it makes HELIO less dependent on an internet connection.</p><p>Read more: <a class="" href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/help-button">Help Button</a></p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Runtime</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>MQTT Connection</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1413</span></span></span> <a class="" href="https://docs.helio-hmi.com/docs/reference/data-layer/data-source-types/plc-connection/mqtt-connection/plc-protocol-mqtt#defining-plcs">Improved handling of disconnected
PLCs</a>
clients when utilizing <strong>Last Will and Testament</strong> messages.</p></div></details></div></details>
<details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>HMI</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><details class="relative Toggle_BZyj mt-4 mb-4" open=""><summary class="flex select-none cursor-pointer items-center gap-0.5 rounded-sm leading-snug text-md font-semibold hover:text-primary-500 dark:hover:bg-zinc-700/50 rounded-b-none"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform rotate-90"></i></div><div>Image Page With Panels</div></summary><div data-element="content" class="ml-8 pt-1 pb-1"><div data-element="line" class="absolute w-0.5 -translate-x-[1px] bg-gray-500/20 bottom-1 left-3 top-9"></div><p><span class="inline-flex group"><span class="flex gap-1 items-center overflow-hidden bg-neutral-200/90 text-neutral-600/90 py-0.5 px-2 font-light rounded-full font-mono text-xs"><i class="inline-flex items-center justify-center"></i><span class="whitespace-nowrap">HELIO-1403</span></span></span> Resolved an issue that resulted in disabling
<strong>Overlay Panels</strong> when <strong>Markers</strong> were added to the underlying
background image.</p></div></details></div></details>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 25.1.0]]></title>
            <link>https://docs.helio-hmi.com/releases/25.1.0</link>
            <guid>https://docs.helio-hmi.com/releases/25.1.0</guid>
            <pubDate>Tue, 04 Mar 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[We're thrilled to let you know that we've rolled out HELIO 25.1.0, the first]]></description>
            <content:encoded><![CDATA[<div role="figure" class="[&amp;_img]:m-0! mt-1 mb-8"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/header-ddffb8088511747f77a1515a21202620.webp" loading="lazy"></div></div></div></div></div>
<p>We're thrilled to let you know that we've rolled out HELIO 25.1.0, the first
release of 2025, which is now available for everyone to use.</p>
<!-- -->
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch mt-8 md:mb-0 Columns_GFWO"><div data-type="1-1" class=""><h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/25.1.0#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2><div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div></div><div data-type="1-1" class=""><h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="get-started">Get Started<a href="https://docs.helio-hmi.com/releases/25.1.0#get-started" class="hash-link" aria-label="Direct link to Get Started" title="Direct link to Get Started" translate="no">​</a></h2><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 pl-6 CallOut_MH0e Task_qT9P mb-0!"><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/25.1.0#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<p>Let's dive into the highlights of this release…</p>
<div class="tableOfContentsInline_EiBN"><ul class="table-of-contents"><li><a href="https://docs.helio-hmi.com/releases/25.1.0#opc-ua-stability-a-big-step-forward">OPC-UA Stability: A Big Step Forward</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#secure-connections-over-opc-ua">Secure Connections Over OPC-UA</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#mixing--nesting-page-and-tab-groups">Mixing &amp; Nesting Page and Tab Groups</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#message-type-export--import">Message Type Export &amp; Import</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#new-checkbox-element">New Checkbox Element</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#streamlined-container-properties">Streamlined Container Properties</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#improved-license-transparency">Improved License Transparency</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#translating-hmis-just-got-better">Translating HMIs Just Got Better</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#improved-unsaved-changes-hint">Improved Unsaved Changes Hint</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#helio-update-notifier--because-the-best-is-yet-to-come">HELIO Update Notifier – Because the Best Is Yet to Come!</a></li><li><a href="https://docs.helio-hmi.com/releases/25.1.0#-faster-trees--ide-performance-boost">⚡ Faster Trees – IDE Performance Boost</a></li></ul></div>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="opc-ua-stability-a-big-step-forward">OPC-UA Stability: A Big Step Forward<a href="https://docs.helio-hmi.com/releases/25.1.0#opc-ua-stability-a-big-step-forward" class="hash-link" aria-label="Direct link to OPC-UA Stability: A Big Step Forward" title="Direct link to OPC-UA Stability: A Big Step Forward" translate="no">​</a></h3>
<p>We know how frustrating it can be to work with <a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#OPCUA">OPC-UA<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> when
connections are not stable. Many of our customers have shared such experiences
with us, and there are several reasons for these instabilities.</p>
<p>The main reason is that older PLCs were simply not designed to handle complex
multi-threaded applications. But modern distributed client-server architectures
make them do just that. Now they have to run the
<a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#OPCUA">OPC-UA<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> server on top of their existing workload. And of
course, these servers want to use as few resources as possible on their clients.
This can turn into a problem if the PLC program is complex and requires all the
resources for proper execution.</p>
<p>That's why we focused on <a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#OPCUA">OPC-UA<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> stability in this release.
We took those concerns to heart and invested time and effort into improving the
stability of our data layer. We analyzed patterns, ran test suites, and focused
on communicating with low-end PLCs.</p>
<p>We've been able to address lots of issues and make connections more resource
efficient. The result? More reliable and stable connections to
<a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#OPCUA">OPC-UA<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> PLCs for you with <code>HELIO 25.1.0</code>.</p>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="secure-connections-over-opc-ua">Secure Connections Over OPC-UA<a href="https://docs.helio-hmi.com/releases/25.1.0#secure-connections-over-opc-ua" class="hash-link" aria-label="Direct link to Secure Connections Over OPC-UA" title="Direct link to Secure Connections Over OPC-UA" translate="no">​</a></h3>
<p>If you've done it before, you know how tricky it can be to set up a secure
connection with <a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#OPCUA">OPC-UA<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a>. Generating certificates, understanding the lingo and the
laborious process of figuring out all those little details and settings can be a real
pain. 😤</p>
<section data-type="3-2" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="3-2" class="tablet:col-span-3"><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class="p-10 bg-neutral-200"><div role="figure" class="m-0! [&amp;_img]:m-0! drop-shadow-lg"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-secure-opcua-connection-96e56b272a65f6786b4386f54c1d7eab.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-secure-opcua-connection-96e56b272a65f6786b4386f54c1d7eab.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="3-2" class="tablet:col-span-2"><p>Again, we've put a lot of thought into this, tested many different server
configurations, and explored the depths of the protocol. So we're pleased to
report that HELIO 25.1.0 now allows you to easily establish signed
connections with <a class="relative text: inline-block !text-neutral-700 hover:!text-primary-500 dark:!text-neutral-300 inline-block border-dotted border-neutral-300 dark:border-neutral-500 border-0 pb-0 border-b-2! no-underline! mr-3" data-state="closed" href="https://docs.helio-hmi.com/docs/reference/glossary/#OPCUA">OPC-UA<i class="inline-flex items-center justify-center opacity-40 icon-xs absolute -right-[14px] top-0.5"></i></a> servers. 💪😎</p><p>Of course we're not done yet, so keep the feedback coming! But we do think
this is a major step into the right direction.</p><p><strong>Learn More</strong></p><p>→ <a href="https://docs.helio-hmi.com/docs/reference/data-layer/data-source-types/plc-connection/opc-ua-connection">OPC-UA Connection</a>
<br>→ <a href="https://docs.helio-hmi.com/docs/guides/editions/ctrlx-os/get-started-on-ctrlx/setup-secure-opc-ua-connection">New Guide: Create a Secure Connection to the ctrlX OPC-UA Server</a></p></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="mixing--nesting-page-and-tab-groups">Mixing &amp; Nesting Page and Tab Groups<a href="https://docs.helio-hmi.com/releases/25.1.0#mixing--nesting-page-and-tab-groups" class="hash-link" aria-label="Direct link to Mixing &amp; Nesting Page and Tab Groups" title="Direct link to Mixing &amp; Nesting Page and Tab Groups" translate="no">​</a></h3>
<p>The nesting of <code>Page Groups</code> and <code>Tab Groups</code> has been improved in a variety of ways,
opening up a world of new possibilities for exploring nested page structures.</p>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="1-1" class=""><span class="font-medium">Tabs With Page Group</span><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-01-d478f28923d96754fd48fe5183e5200c.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-01-d478f28923d96754fd48fe5183e5200c.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="1-1" class=""><span class="font-medium">Page Groups With Tabs</span><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-03-5728ff594ba5c5bcf572d4db7225df80.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-03-5728ff594ba5c5bcf572d4db7225df80.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="1-1" class=""><span class="font-medium">Tabs With Tabs</span><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-04-806ac3dccba1d056e2c572f3e278d42b.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-04-806ac3dccba1d056e2c572f3e278d42b.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="1-1" class=""><span class="font-medium">Page Groups With Groups</span><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-02-266dfd048a3332d2b43ea4ceb7194073.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-page-group-tab-group-nesting-02-266dfd048a3332d2b43ea4ceb7194073.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="message-type-export--import">Message Type Export &amp; Import<a href="https://docs.helio-hmi.com/releases/25.1.0#message-type-export--import" class="hash-link" aria-label="Direct link to Message Type Export &amp; Import" title="Direct link to Message Type Export &amp; Import" translate="no">​</a></h3>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="2-3" class="tablet:col-span-2"><p>We are also enhancing our new <code>Message View</code> with the ability to export and
import message types as CSV or JSON files. This is especially useful for
customers who need to define a large number of message types, as these types
are often created automatically. You can now convert these lists into CSV
files and import them into HELIO.</p></div><div data-type="2-3" class="tablet:col-span-3"><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-message-type-export-import-e96d6f0e9343e9ebc3cf191b9901bd5d.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-message-type-export-import-e96d6f0e9343e9ebc3cf191b9901bd5d.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-checkbox-element">New Checkbox Element<a href="https://docs.helio-hmi.com/releases/25.1.0#new-checkbox-element" class="hash-link" aria-label="Direct link to New Checkbox Element" title="Direct link to New Checkbox Element" translate="no">​</a></h3>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><p>We've added a new checkbox feature that lets you switch between true and
false values with a checkmark instead of a switch button.
Also, the Magic Input Element now shows the <code>Control Type</code> property when
linked to a boolean variable. This gives you the flexibility to choose the
control type that best suits your use case</p></div><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-checkbox-8ce04fb1e38681ca39c5cc2304acad50.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-checkbox-8ce04fb1e38681ca39c5cc2304acad50.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="streamlined-container-properties">Streamlined Container Properties<a href="https://docs.helio-hmi.com/releases/25.1.0#streamlined-container-properties" class="hash-link" aria-label="Direct link to Streamlined Container Properties" title="Direct link to Streamlined Container Properties" translate="no">​</a></h3>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-container-consistency-c4ab5ae2f8b63d361eb1e94520776fb3.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-container-consistency-c4ab5ae2f8b63d361eb1e94520776fb3.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="1-1" class=""><p>Hooray for consistency! We've improved the properties for Label, Icon, and
Description for controls and inputs.</p><p>We've grouped them together across different elements, such as <code>Button</code>,
<code>Magic Input</code> and <code>Magic Output</code>, into a unified and consistent property
group called <code>Container</code>.</p></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="improved-license-transparency">Improved License Transparency<a href="https://docs.helio-hmi.com/releases/25.1.0#improved-license-transparency" class="hash-link" aria-label="Direct link to Improved License Transparency" title="Direct link to Improved License Transparency" translate="no">​</a></h3>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><p>We've enhanced the HELIO Runtime License feedback. Now, you can access
more information about all the activated licenses and their features within your
current HELIO instance.</p></div><div data-type="1-1" class=""><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="none"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-license-transparency-a31e9da1fbc18311f4c002c2e82075b7.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-license-transparency-a31e9da1fbc18311f4c002c2e82075b7.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="translating-hmis-just-got-better">Translating HMIs Just Got Better<a href="https://docs.helio-hmi.com/releases/25.1.0#translating-hmis-just-got-better" class="hash-link" aria-label="Direct link to Translating HMIs Just Got Better" title="Direct link to Translating HMIs Just Got Better" translate="no">​</a></h3>
<div class="pb-4"><p>Our vision is to empower cross-functional product teams to collaborate
effectively. That's why translating HMIs and keeping track of changes to
translations is a really important issue for us.</p></div>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-translation-manager-5822831097d46aa5cc51f391342b4d43.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-translation-manager-5822831097d46aa5cc51f391342b4d43.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div><div data-type="1-1" class=""><p>You can now choose which languages you want to view and compare in
the <code>Translation Manager</code>. You can also see which translations have been changed,
which is really useful after an import.</p></div></section>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-translation-quick-edit-ab54521f390310f5a58e9be7d165df41.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-translation-quick-edit-ab54521f390310f5a58e9be7d165df41.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div><div data-type="1-1" class=""><p>And we've improved the translation conflict feedback in the <code>Translation Quick     Editor</code>, making it easier to resolve such issues with confidence.</p></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="improved-unsaved-changes-hint">Improved Unsaved Changes Hint<a href="https://docs.helio-hmi.com/releases/25.1.0#improved-unsaved-changes-hint" class="hash-link" aria-label="Direct link to Improved Unsaved Changes Hint" title="Direct link to Improved Unsaved Changes Hint" translate="no">​</a></h3>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="2-3" class="tablet:col-span-2"><p>We've also improved the way HELIO tells you about unsaved changes.
Especially
when those changes require you to save in order to take effect in the
preview.</p></div><div role="figure" class="mb-4 [&amp;_img]:m-0! tablet:col-span-3"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-unsaved-changes-275e4b3ccd9dcfd738418a8be959223d.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-unsaved-changes-275e4b3ccd9dcfd738418a8be959223d.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="helio-update-notifier--because-the-best-is-yet-to-come">HELIO Update Notifier – Because the Best Is Yet to Come!<a href="https://docs.helio-hmi.com/releases/25.1.0#helio-update-notifier--because-the-best-is-yet-to-come" class="hash-link" aria-label="Direct link to HELIO Update Notifier – Because the Best Is Yet to Come!" title="Direct link to HELIO Update Notifier – Because the Best Is Yet to Come!" translate="no">​</a></h3>
<p>As we said, we're not done yet. In fact, we've got a lot of great stuff planned for our
roadmap. So we want to make sure you're always in the loop. So now, when you open
the <code>Project Editor</code>, HELIO will check for updates and let you know about them.</p>
<section data-type="2-1" class="grid grid-cols-1 tablet:grid-cols-3 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="2-1" class="tablet:col-span-2"><div role="figure" class="mb-4 [&amp;_img]:m-0! p-10 bg-linear-to-tr from-helio-gradient-on-light-02-100 from-10% via-helio-gradient-on-light-02-200 via-50% to-helio-gradient-on-light-02-300 to-100% rounded-md dark:from-helio-gradient-on-dark-01-300 dark:via-helio-gradient-on-dark-01-200 dark:to-helio-gradient-on-dark-01-100"><div class="drop-shadow-md"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/highlight-update-notifier-9fbb3517e7fa29cd7925fb7d849bc0e1.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/highlight-update-notifier-9fbb3517e7fa29cd7925fb7d849bc0e1.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="2-1" class=""></div></section>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="-faster-trees--ide-performance-boost">⚡ Faster Trees – IDE Performance Boost<a href="https://docs.helio-hmi.com/releases/25.1.0#-faster-trees--ide-performance-boost" class="hash-link" aria-label="Direct link to ⚡ Faster Trees – IDE Performance Boost" title="Direct link to ⚡ Faster Trees – IDE Performance Boost" translate="no">​</a></h3>
<p>Finally, the HELIO IDE is now faster than ever. The trees within the IDE that do
most of the heavy lifting, e.g., rendering thousands of data variables, got a
performance update with this version.</p>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/25.1.0#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<p><strong>New Features</strong></p>
<ul>
<li class=""><code>Data View</code>
<ul>
<li class="">Establish Secure Connections Over OPC-UA</li>
</ul>
</li>
<li class=""><code>Messages View</code>
<ul>
<li class="">Message Types can now be exported and imported as JSON or CSV files</li>
</ul>
</li>
<li class=""><code>Welcome Page</code>
<ul>
<li class="">The <code>Add License</code> function has been re-named <code>Licenses</code> and now allows you
to display your licenses.</li>
</ul>
</li>
<li class="">Added HELIO Update Notifier</li>
</ul>
<p><strong>New Page Types</strong></p>
<ul>
<li class="">Added <a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/video-page">Video Page</a></li>
<li class="">Added <a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/trend-page">Trend Page</a></li>
</ul>
<p><strong>New Elements</strong></p>
<ul>
<li class="">Added <a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/data-entry/checkbox">Checkbox</a></li>
</ul>
<p><strong>Improved</strong></p>
<ul>
<li class="">Runtime<!-- -->
<ul>
<li class="">Improved OPC-UA Stability</li>
</ul>
</li>
<li class="">IDE<!-- -->
<ul>
<li class="">Improved Unsaved Changes Hint</li>
<li class="">Optimized IDE Performance</li>
<li class="">Introduced Translation Manager UX optimizations</li>
<li class="">Introduced Translation Quick Editor UX optimizations</li>
<li class=""><code>Content View</code>: Improved <code>HMI Content Tree</code>to show the translated texts instead of the <code>Translation Keys</code></li>
</ul>
</li>
<li class="">Design System<!-- -->
<ul>
<li class="">Optimized <code>Message Page</code> for medium and small screens</li>
</ul>
</li>
</ul>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="icons">Icons<a href="https://docs.helio-hmi.com/releases/25.1.0#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons" translate="no">​</a></h2>
<p>Our design crew has also <strong>added 75 new icons</strong> to the <code>HELIO Icon Set</code>,
bringing <strong>the total to a whopping 1,092</strong>. 🎉</p>
<details class="relative Toggle_BZyj rounded-sm bg-zinc-100 dark:bg-zinc-800 mt-2 mb-2"><summary class="flex select-none cursor-pointer items-center p-4 py-3 gap-1 rounded-sm leading-snug text-md font-semibold hover:bg-zinc-200 dark:hover:bg-zinc-700/50"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform"></i></div><div>Added</div></summary><div data-element="content" class="ml-7 pb-4 px-4 pt-2"><div class="grid grid-cols-2 gap-8"><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Apple</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">BeltDrive</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CentralNode</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">CheckedList</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Cockpit</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ColumnTiles</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Crane</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">DNA</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Dashboard</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">DataVisualization</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Dependency</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">DisconnectedTiles</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">DownstreamTransfer</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Excavator</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">FeatherDuster</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Flashlight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">GenealogicalTree</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Grid3x2</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Grid3x3</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">HandheldMicrophone</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">HorinzontalTree</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ItemExclude</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ItemIntegrate</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">MasonryTIles</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Microphone</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">NodeAttraction</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">NodeMatrix</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">NodeMovement</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">NodeSequence</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">NodeTree</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">OrganicNodes</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDAgitator</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDCentrifugalPump</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDCompressorPump</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDControlValve</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDDryerGenerator</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDElectricMotor</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDFanBlades</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDFanPump</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDGateValve</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDHandOperatedGateValve</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDHeatExchangeCooler</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDHeatExchanger2</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDHeatExchanger</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDPeripheralInjector</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDPeripheralReducer</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDPump</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDRotaryPump</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDRotaryValve</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDThermometer</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDTurbineMotor</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDVacuumPump</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PIDVerticalVessel</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">PaperWrapping</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ProductLabel</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Radio</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">RandomTiles</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Satellite</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ShoppingBasket</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ShoppingCart</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SidebarInsetLeft</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SidebarInsetRight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SidebarLeft</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SidebarRight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">SortingPot</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">TextSidebarLeft</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">TextSidebarRight</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">ThreeColumns</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Tractor</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">UniformTiles</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">VersionBranch</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">VerticalSplit</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Walkietalkie</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Zeppelin</code></div></div><div class="flex gap-3 items-center"><div class="flex items-center justify-center text-[36px]"><i class="inline-flex items-center justify-center"></i></div><div class="truncate opacity-75"><code class="font-semibold">Zeroing</code></div></div></div></div></details>]]></content:encoded>
            <category>release</category>
        </item>
        <item>
            <title><![CDATA[HELIO 24.2.5]]></title>
            <link>https://docs.helio-hmi.com/releases/24.2.5</link>
            <guid>https://docs.helio-hmi.com/releases/24.2.5</guid>
            <pubDate>Thu, 16 Jan 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[“Claiming that software is bug-free is simply not realistic. Let's be honest:]]></description>
            <content:encoded><![CDATA[<blockquote>
<p>“Claiming that software is bug-free is simply not realistic. Let's be honest:
there will be bugs. What matters is how we deal with them. Do we get frustrated,
or do we take the opportunity to improve our product and move forward?
We as a team are committed to continuous improvement and put a lot of work
into our architecture and infrastructure to be able to do just that: to keep
making HELIO better, one step at a time.”</p>
</blockquote>
<p>With this in mind, we are releasing HELIO 24.2.5, the first patch release of
the year.</p>
<!-- -->
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch mt-8 md:mb-0 Columns_GFWO"><div data-type="1-1" class=""><h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download-helio">Download HELIO<a href="https://docs.helio-hmi.com/releases/24.2.5#download-helio" class="hash-link" aria-label="Direct link to Download HELIO" title="Direct link to Download HELIO" translate="no">​</a></h2><div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div></div><div data-type="1-1" class=""><h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="get-started">Get Started<a href="https://docs.helio-hmi.com/releases/24.2.5#get-started" class="hash-link" aria-label="Direct link to Get Started" title="Direct link to Get Started" translate="no">​</a></h2><section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 pl-6 CallOut_MH0e Task_qT9P mb-0"><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><ol>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">Take the Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/24.2.5#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<ul>
<li class="">Resolved the issue that was causing <a href="https://docs.helio-hmi.com/docs/guides/managing-structured-data/data-collections">Data Collections</a> not to be imported during the project import.</li>
<li class="">Corrected the <code>Edit Connection</code> and <code>Add Connection</code> dialogs in the <a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/tab-group">Data View</a>.</li>
<li class="">Fixed incorrect scrolling behavior of the embedded navigation of <a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/page-group">Page Groups</a> including their subpages.</li>
</ul>]]></content:encoded>
            <category>patch</category>
        </item>
        <item>
            <title><![CDATA[HELIO 24.2]]></title>
            <link>https://docs.helio-hmi.com/releases/24.2</link>
            <guid>https://docs.helio-hmi.com/releases/24.2</guid>
            <pubDate>Wed, 30 Oct 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[We are excited to announce that HELIO 24.2, the second release of 2024, is now officially available to everyone 🎉!]]></description>
            <content:encoded><![CDATA[<p>We are excited to announce that HELIO 24.2, the second release of 2024, is now officially available to everyone 🎉!</p>
<!-- -->
<h2>Download</h2>
<p>Head on over to the Downloads page to grab a version that works with your operating system:</p>
<div><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/24.2#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<p>Let's dive into the highlights of this release…</p>
<div class="tableOfContentsInline_EiBN"><ul class="table-of-contents"><li><a href="https://docs.helio-hmi.com/releases/24.2#helio-is-now-part-of-the-ctrlx-world">HELIO Is Now Part of the ctrlX World</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#built-in-recipe-management">Built-In Recipe Management</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#tab-group">Tab Group</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#advanced-and-dynamic-images">Advanced and Dynamic Images</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#messaging-v2">Messaging v2</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#next-level-responsiveness-the-matches-device-size-dynamic-property">Next Level Responsiveness: The Matches Device Size Dynamic Property</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#floating-towards-improved-overlays">Floating Towards Improved Overlays</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#performance--stability">Performance &amp; Stability</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#built-in-support-for-unit-conversions">Built-in Support For Unit Conversions</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#breaking-changes">Breaking Changes</a></li><li><a href="https://docs.helio-hmi.com/releases/24.2#icons">Icons</a></li></ul></div>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="helio-is-now-part-of-the-ctrlx-world">HELIO Is Now Part of the ctrlX World<a href="https://docs.helio-hmi.com/releases/24.2#helio-is-now-part-of-the-ctrlx-world" class="hash-link" aria-label="Direct link to HELIO Is Now Part of the ctrlX World" title="Direct link to HELIO Is Now Part of the ctrlX World" translate="no">​</a></h3>
<p>We are extremely excited to announce that HELIO 4.2 is now available as a simple
to simple-to-install app from the <a href="https://developer.community.boschrexroth.com/t5/Store-and-How-to/HELIO-The-Future-of-Industrial-HMI/ba-p/102450" target="_blank" rel="noopener noreferrer">
App from the ctrlX OS Store</a>!
This is a major milestone for us, and we
couldn't be prouder.</p>
<div style="max-width:800px" class="aspect-video w-full rounded-md overflow-hidden relative"><div class="absolute w-full h-full flex flex-col items-center justify-center bg-zinc-900/50 text-white p-8 text-pretty"><p class="text-center w-full md:w-6/8 bg-black/50 backdrop-blur p-4 rounded">To watch this embedded YouTube video, you need to accept the marketing cookies.</p><div class="absolute left-0 bottom-1/16"><a href="https://youtu.be/1bZLkkrparM?si=OgfDEBkLAvA7g7T1" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center text-lg !text-white !border-b-0 !no-underline bg-black/80 backdrop-blur font-normal px-7 py-3"><div class="flex flex-row items-center gap-2"><span>Watch on</span><svg xmlns="http://www.w3.org/2000/svg" width="93" height="20" viewBox="0 0 93 20" focusable="false" aria-hidden="true" class="pointer-events-none fill-current"><g><path d="M14.4848 20C14.4848 20 23.5695 20 25.8229 19.4C27.0917 19.06 28.0459 18.08 28.3808 16.87C29 14.65 29 9.98 29 9.98C29 9.98 29 5.34 28.3808 3.14C28.0459 1.9 27.0917 0.94 25.8229 0.61C23.5695 0 14.4848 0 14.4848 0C14.4848 0 5.42037 0 3.17711 0.61C1.9286 0.94 0.954148 1.9 0.59888 3.14C0 5.34 0 9.98 0 9.98C0 9.98 0 14.65 0.59888 16.87C0.954148 18.08 1.9286 19.06 3.17711 19.4C5.42037 20 14.4848 20 14.4848 20Z"></path><path d="M19 10L11.5 5.75V14.25L19 10Z" fill="black"></path></g><g id="youtube-paths_yt10"><path d="M37.1384 18.8999V13.4399L40.6084 2.09994H38.0184L36.6984 7.24994C36.3984 8.42994 36.1284 9.65994 35.9284 10.7999H35.7684C35.6584 9.79994 35.3384 8.48994 35.0184 7.22994L33.7384 2.09994H31.1484L34.5684 13.4399V18.8999H37.1384Z"></path><path d="M44.1003 6.29994C41.0703 6.29994 40.0303 8.04994 40.0303 11.8199V13.6099C40.0303 16.9899 40.6803 19.1099 44.0403 19.1099C47.3503 19.1099 48.0603 17.0899 48.0603 13.6099V11.8199C48.0603 8.44994 47.3803 6.29994 44.1003 6.29994ZM45.3903 14.7199C45.3903 16.3599 45.1003 17.3899 44.0503 17.3899C43.0203 17.3899 42.7303 16.3499 42.7303 14.7199V10.6799C42.7303 9.27994 42.9303 8.02994 44.0503 8.02994C45.2303 8.02994 45.3903 9.34994 45.3903 10.6799V14.7199Z"></path><path d="M52.2713 19.0899C53.7313 19.0899 54.6413 18.4799 55.3913 17.3799H55.5013L55.6113 18.8999H57.6012V6.53994H54.9613V16.4699C54.6812 16.9599 54.0312 17.3199 53.4212 17.3199C52.6512 17.3199 52.4113 16.7099 52.4113 15.6899V6.53994H49.7812V15.8099C49.7812 17.8199 50.3613 19.0899 52.2713 19.0899Z"></path><path d="M62.8261 18.8999V4.14994H65.8661V2.09994H57.1761V4.14994H60.2161V18.8999H62.8261Z"></path><path d="M67.8728 19.0899C69.3328 19.0899 70.2428 18.4799 70.9928 17.3799H71.1028L71.2128 18.8999H73.2028V6.53994H70.5628V16.4699C70.2828 16.9599 69.6328 17.3199 69.0228 17.3199C68.2528 17.3199 68.0128 16.7099 68.0128 15.6899V6.53994H65.3828V15.8099C65.3828 17.8199 65.9628 19.0899 67.8728 19.0899Z"></path><path d="M80.6744 6.26994C79.3944 6.26994 78.4744 6.82994 77.8644 7.73994H77.7344C77.8144 6.53994 77.8744 5.51994 77.8744 4.70994V1.43994H75.3244L75.3144 12.1799L75.3244 18.8999H77.5444L77.7344 17.6999H77.8044C78.3944 18.5099 79.3044 19.0199 80.5144 19.0199C82.5244 19.0199 83.3844 17.2899 83.3844 13.6099V11.6999C83.3844 8.25994 82.9944 6.26994 80.6744 6.26994ZM80.7644 13.6099C80.7644 15.9099 80.4244 17.2799 79.3544 17.2799C78.8544 17.2799 78.1644 17.0399 77.8544 16.5899V9.23994C78.1244 8.53994 78.7244 8.02994 79.3944 8.02994C80.4744 8.02994 80.7644 9.33994 80.7644 11.7299V13.6099Z"></path><path d="M92.6517 11.4999C92.6517 8.51994 92.3517 6.30994 88.9217 6.30994C85.6917 6.30994 84.9717 8.45994 84.9717 11.6199V13.7899C84.9717 16.8699 85.6317 19.1099 88.8417 19.1099C91.3817 19.1099 92.6917 17.8399 92.5417 15.3799L90.2917 15.2599C90.2617 16.7799 89.9117 17.3999 88.9017 17.3999C87.6317 17.3999 87.5717 16.1899 87.5717 14.3899V13.5499H92.6517V11.4999ZM88.8617 7.96994C90.0817 7.96994 90.1717 9.11994 90.1717 11.0699V12.0799H87.5717V11.0699C87.5717 9.13994 87.6517 7.96994 88.8617 7.96994Z"></path></g></svg></div></a></div></div></div>
<p>We've updated our getting started guide accordingly.
<a href="https://docs.helio-hmi.com/docs/getting-started/download-helio"> Learn how to  get HELIO on your ctrlX OS device.</a></p>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="built-in-recipe-management">Built-In Recipe Management<a href="https://docs.helio-hmi.com/releases/24.2#built-in-recipe-management" class="hash-link" aria-label="Direct link to Built-In Recipe Management" title="Direct link to Built-In Recipe Management" translate="no">​</a></h3>
<section class="px-0 mt-2 mb-6 my-4" data-search-children="true"><div class="text-lg tracking-tight max-w-prose font-medium text-pretty text-zinc-600 dark:text-neutral-400"><p>Recipes are an essential concept of industrial HMIs since they allow you to
save and load the values of many parameters simultaneously. HELIO 24.2
introduces an integrated recipe management system that significantly
streamlines the creation and integration of recipes into your HMIs.</p></div></section>
<section data-type="1-2" class="grid grid-cols-1 tablet:grid-cols-3 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="1-2" class=""><p>The new <code>Recipes View</code> and the integrated recipe
management system make it easier than ever to create recipe types in no
time.</p></div><div data-type="1-2" class="tablet:col-span-2"><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-recipe-view-160ae3c1b4802fb1466bf5f9910b9f2f.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-recipe-view-160ae3c1b4802fb1466bf5f9910b9f2f.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<p>Check out the brand new <code>Recipe Management</code> project template to get started.</p>
<div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" controls="" preload="metadata"><source src="/assets/medias/24-2-recipe-management-e930fdeb4fec8f86cc4327bcaab30a04.mp4" type="video/mp4"></video></div>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="tab-group">Tab Group<a href="https://docs.helio-hmi.com/releases/24.2#tab-group" class="hash-link" aria-label="Direct link to Tab Group" title="Direct link to Tab Group" translate="no">​</a></h3>
<section data-type="1-2" class="grid grid-cols-1 tablet:grid-cols-3 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="1-2" class=""><p>It allows you to group related pages together and switch between them with ease.
<br>→ <a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/tab-group">Learn More</a></p></div><div data-type="1-2" class="tablet:col-span-2"><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-tab-group-f0b0343a836f502fc36d648a97488f9d.gif" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-tab-group-f0b0343a836f502fc36d648a97488f9d.gif"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="advanced-and-dynamic-images">Advanced and Dynamic Images<a href="https://docs.helio-hmi.com/releases/24.2#advanced-and-dynamic-images" class="hash-link" aria-label="Direct link to Advanced and Dynamic Images" title="Direct link to Advanced and Dynamic Images" translate="no">​</a></h3>
<section class="px-0 mt-2 mb-6 my-4" data-search-children="true"><div class="text-lg tracking-tight max-w-prose font-medium text-pretty text-zinc-600 dark:text-neutral-400"><p>HELIO 24.-2 includes several features that allow you to add complex and highly
dynamic images to your HMI:</p></div></section>
<p><strong>Image Page</strong>: A very simple page type that allows you to define an image that
can be extended by adding markers.</p>
<p><strong>Image Page With Panels</strong>: A more advanced page type that adds an additional
layer on top of an image that can be used to place parameter panels above the
content.</p>
<p><strong>Dynamic Layers for SVGs</strong>: When uploading SVGs, HELIO will now parse the id of
all layers of the SVG and look for a "HELIO:" prefix. This prefix indicates that
you wish to make this layer dynamic. HELIO will then allow you to react to <code>on click</code> events and set the display condition of this layer.</p>
<p>Check out the brand new <code>24-2 Showcase</code> project template, showcasing how all
components work together in harmony:</p>
<div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" controls="" preload="metadata"><source src="/assets/medias/24-2-dynamic-images-799855fb1cc1756d4e67f48f2d660e50.mp4" type="video/mp4"></video></div>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="messaging-v2">Messaging v2<a href="https://docs.helio-hmi.com/releases/24.2#messaging-v2" class="hash-link" aria-label="Direct link to Messaging v2" title="Direct link to Messaging v2" translate="no">​</a></h3>
<section class="px-0 mt-2 mb-6 my-4" data-search-children="true"><div class="text-lg tracking-tight max-w-prose font-medium text-pretty text-zinc-600 dark:text-neutral-400"><p>HELIO 24.2 takes the simplicity and flexibility of messaging and alarming
to the next level by combining several new features into a unified solution:</p></div></section>
<p><strong>Message Archive</strong> : HELIO now includes a built-in message archive that stores
messages in a rock-solid SQLite database managed by HELIO.</p>
<p><strong>Active Messages</strong>: HELIO now also takes care of managing the list of active
messages, eliminating the need to store this information within the PLC.</p>
<p><strong>Triggers</strong>: They offer flexibility when it comes to triggering messages. Use
different types of triggers such as the Bitset trigger, makes it easier for
users to configure messaging triggers without requiring extensive configuration
knowledge.</p>
<p><strong>Message Page</strong>: A brand new and simplified <code>Message Page</code> has been introduced
with sensible defaults to help HMI Engineers get started quickly.</p>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="messages-view">Messages View<a href="https://docs.helio-hmi.com/releases/24.2#messages-view" class="hash-link" aria-label="Direct link to Messages View" title="Direct link to Messages View" translate="no">​</a></h4>
<p>The new <code>Messages View</code> unifies the configuration of message
types and message triggers in a single, centralized location.</p>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="1-1" class=""><p>Defining Message Types</p><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-messaging-view-01-2aa5bd3229c892ae1610d9e06952505a.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-messaging-view-01-2aa5bd3229c892ae1610d9e06952505a.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="1-1" class=""><p>Defining Message Trigger</p><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-messaging-view-02-23e8ea4d41bbf72bb8c363aaa84c8751.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-messaging-view-02-23e8ea4d41bbf72bb8c363aaa84c8751.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="messages-v2-project-template">Messages v2 Project Template<a href="https://docs.helio-hmi.com/releases/24.2#messages-v2-project-template" class="hash-link" aria-label="Direct link to Messages v2 Project Template" title="Direct link to Messages v2 Project Template" translate="no">​</a></h4>
<p>Check out the brand new <code>Messaging v2</code> project template to see the feature in
action:</p>
<div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" controls="" preload="metadata"><source src="/assets/medias/24-2-messaging-881e529a6bc5f86dfaaff34ebdae6d8b.mp4" type="video/mp4"></video></div>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="next-level-responsiveness-the-matches-device-size-dynamic-property">Next Level Responsiveness: The Matches Device Size Dynamic Property<a href="https://docs.helio-hmi.com/releases/24.2#next-level-responsiveness-the-matches-device-size-dynamic-property" class="hash-link" aria-label="Direct link to Next Level Responsiveness: The Matches Device Size Dynamic Property" title="Direct link to Next Level Responsiveness: The Matches Device Size Dynamic Property" translate="no">​</a></h3>
<section data-type="2-1" class="grid grid-cols-1 tablet:grid-cols-3 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="2-1" class="tablet:col-span-2"><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-matches-device-size-c0e4536fa134a9a7961bb4a82866a260.gif" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-matches-device-size-c0e4536fa134a9a7961bb4a82866a260.gif"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="2-1" class=""><p>This handy property is here to help you check the device size the HMI is currently displayed on!
<br>→ <a href="https://docs.helio-hmi.com/docs/reference/dynamic-properties/client/device-size">Learn More</a></p></div></section>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="floating-towards-improved-overlays">Floating Towards Improved Overlays<a href="https://docs.helio-hmi.com/releases/24.2#floating-towards-improved-overlays" class="hash-link" aria-label="Direct link to Floating Towards Improved Overlays" title="Direct link to Floating Towards Improved Overlays" translate="no">​</a></h3>
<p>We've taken one of our favorite features - the <code>Open Page as Overlay</code>
action - and turned it up a notch. Now you can open overlays that float above
the rest of the page and are anchored to the element that initiated the action.
This opens up som possibilities for adding additional functionality, like popup
menus or in-place editors for numeric input.</p>
<p>Check out the brand new <code>v24-2 Showcase</code> project template to see floating
overlays in action:</p>
<div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" controls="" preload="metadata"><source src="/assets/medias/24-2-floating-overlays-a148f782f84475753daafb9b7fd67258.mp4" type="video/mp4"></video></div>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="performance--stability">Performance &amp; Stability<a href="https://docs.helio-hmi.com/releases/24.2#performance--stability" class="hash-link" aria-label="Direct link to Performance &amp; Stability" title="Direct link to Performance &amp; Stability" translate="no">​</a></h3>
<p>In addition to the new features, we have implemented substantial changes to
enhance the performance and stability of HELIO 24.2. We are proud to announce
that HELIO is now running on <a href="https://www.rust-lang.org/" target="_blank" rel="noopener noreferrer" class="">Rust</a>, which has
significantly improved its efficiency and speed, allowing it to run stably on
less powerful target devices. In initial tests, these improvements have reduced
the CPU and RAM usage of the HELIO Runtime by up to 90%.</p>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="revamped-and-lightning-fast-opc-ua-stack-">Revamped And Lightning-Fast OPC UA Stack ⚡<a href="https://docs.helio-hmi.com/releases/24.2#revamped-and-lightning-fast-opc-ua-stack-" class="hash-link" aria-label="Direct link to Revamped And Lightning-Fast OPC UA Stack ⚡" title="Direct link to Revamped And Lightning-Fast OPC UA Stack ⚡" translate="no">​</a></h4>
<p>We have chosen the fast <a href="https://www.open62541.org/" target="_blank" rel="noopener noreferrer" class="">open62541 library</a>, written
in C, as the foundation of our new OPC UA Connection. This is where Rust really
shines since it is a programming language that allows us to make use of
high-performance, low-level libraries without sacrificing safety.</p>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="open-source-at-heart">Open Source at Heart<a href="https://docs.helio-hmi.com/releases/24.2#open-source-at-heart" class="hash-link" aria-label="Direct link to Open Source at Heart" title="Direct link to Open Source at Heart" translate="no">​</a></h4>
<p>Being consumers of Open Source &amp; Free Software ourselves, we think that this is
a great opportunity to give back the community. That's why we've <a href="https://github.com/HMIProject/open62541" target="_blank" rel="noopener noreferrer" class="">released our
Rust crate</a> under an Open License that
allows others to use and contribute to it.</p>
<hr>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="built-in-support-for-unit-conversions">Built-in Support For Unit Conversions<a href="https://docs.helio-hmi.com/releases/24.2#built-in-support-for-unit-conversions" class="hash-link" aria-label="Direct link to Built-in Support For Unit Conversions" title="Direct link to Built-in Support For Unit Conversions" translate="no">​</a></h3>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="2-3" class="tablet:col-span-2"><p>Working with different units of measurement is a common challenge in
industrial control systems. There are many reasons why unit conversions are
necessary, but a key factor is localization: different countries use
different <strong>measurement</strong> systems.</p><p>That's why we've made unit conversions first-class citizens in HELIO 24.2.</p></div><div data-type="2-3" class="tablet:col-span-3"><div class="Container_ixVX m-0!"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-unit-conversions-bfc8c04cb4250a30c56b5083d2f0dc8c.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-unit-conversions-bfc8c04cb4250a30c56b5083d2f0dc8c.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<p><strong>Meet the Key Elements that Make It Happen</strong></p>
<ul>
<li class="">The <code>Unit Conversions</code> section within the brand new <a href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view">Project Settings</a></li>
<li class="">The <a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/misc/unit-switch">Unit Switch</a> Element</li>
</ul>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="get-started-with-helio">Get Started With HELIO<a href="https://docs.helio-hmi.com/releases/24.2#get-started-with-helio" class="hash-link" aria-label="Direct link to Get Started With HELIO" title="Direct link to Get Started With HELIO" translate="no">​</a></h2>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 pl-6 CallOut_MH0e Task_qT9P"><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><ol>
<li class="">Get to know HELIO by taking the <a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">HELIO Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/download-helio/">Download HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/24.2#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<h3>New Features</h3>
<ul>
<li class="">Added ability to request Exclusive Control for HMIs</li>
<li class="">Added ability to hide the page header on all page types</li>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/graphics/video">Video</a>
<ul>
<li class="">Added streaming support</li>
</ul>
</li>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/page-specific-elements/dashboard-page/collection-widget">Collection Widget</a>
<ul>
<li class="">Added sorting</li>
</ul>
</li>
<li class="">OPC UA Connection<!-- -->
<ul>
<li class="">Added the ability to specify username and password as the authentication method.</li>
</ul>
</li>
</ul>
<h3>New Pages</h3>
<ul>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/image-page">Image Page</a>
</li>
<li class="">Image Page With Panels</li>
<li class="">Messages Page</li>
<li class="">Recipe Management Page</li>
<li class="">Tab Group</li>
</ul>
<h3>New Elements</h3>
<ul>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/header/dropdown-cell">Dropdown Cell</a>
</li>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/data-selection/dropdown-from-list">Dropdown (From List)</a>
</li>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/misc/unit-switch">Unit Switch</a>
</li>
</ul>
<h3>New Dynamic Properties</h3>
<ul>
<li class="">
<a href="https://docs.helio-hmi.com/docs/reference/dynamic-properties/client/device-size">Device Size</a>
</li>
<li class="">Active Recipe Metadata</li>
</ul>
<h3>Improved</h3>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="improved-open-page-as-overlay-action-with-more-placement-and-floating-options">Improved <code>Open Page as Overlay</code> Action with more Placement and floating options<a href="https://docs.helio-hmi.com/releases/24.2#improved-open-page-as-overlay-action-with-more-placement-and-floating-options" class="hash-link" aria-label="Direct link to improved-open-page-as-overlay-action-with-more-placement-and-floating-options" title="Direct link to improved-open-page-as-overlay-action-with-more-placement-and-floating-options" translate="no">​</a></h4>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="2-3" class="tablet:col-span-2"><header class="font-bold opacity-50">24.1</header><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="none"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-1-overlay-settings-b912c98d19d11ed373ee4ea9210c8062.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-1-overlay-settings-b912c98d19d11ed373ee4ea9210c8062.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="2-3" class="tablet:col-span-3"><header class="font-bold">24.2</header><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-overlay-settings-32462f6b9a3b22de4c50b95d779fd4e3.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-overlay-settings-32462f6b9a3b22de4c50b95d779fd4e3.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="video-element-now-with-hls-streaming-support-and-upload">Video Element: Now with HLS Streaming Support and Upload<a href="https://docs.helio-hmi.com/releases/24.2#video-element-now-with-hls-streaming-support-and-upload" class="hash-link" aria-label="Direct link to Video Element: Now with HLS Streaming Support and Upload" title="Direct link to Video Element: Now with HLS Streaming Support and Upload" translate="no">​</a></h4>
<ul>
<li class="">The Video Element now supports the <a href="https://en.wikipedia.org/wiki/HTTP_Live_Streaming" target="_blank" rel="noopener noreferrer" class="">HLS
streaming</a> format out of the
box, allowing you to stream camera output to your HMI.</li>
<li class="">The HELIO IDE now also supports the upload video files for the element.</li>
</ul>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="dynamic-property-has-role-is-now-called-restrict-access-to">Dynamic Property <code>Has Role</code> is now called <code>Restrict Access To</code><a href="https://docs.helio-hmi.com/releases/24.2#dynamic-property-has-role-is-now-called-restrict-access-to" class="hash-link" aria-label="Direct link to dynamic-property-has-role-is-now-called-restrict-access-to" title="Direct link to dynamic-property-has-role-is-now-called-restrict-access-to" translate="no">​</a></h4>
<p>The Dynamic Property 'Has Role' has been renamed to "Restrict To Access" and
gained the ability to also check for anonymous users</p>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div data-type="2-3" class="tablet:col-span-2"><header class="font-bold opacity-50">24.1</header><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="none"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-1-overlay-settings-b912c98d19d11ed373ee4ea9210c8062.webp" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-1-overlay-settings-b912c98d19d11ed373ee4ea9210c8062.webp"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="2-3" class="tablet:col-span-3"><header class="font-bold">24.2</header><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class="border border-solid border-zinc-300 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/24-2-dynamic-property-restrict-access-068efa72e2570db6d50bf31577d6630e.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/24-2-dynamic-property-restrict-access-068efa72e2570db6d50bf31577d6630e.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="parameter-page">Parameter Page<a href="https://docs.helio-hmi.com/releases/24.2#parameter-page" class="hash-link" aria-label="Direct link to Parameter Page" title="Direct link to Parameter Page" translate="no">​</a></h4>
<ul>
<li class="">Inputs and Outputs can now be placed at the top level</li>
<li class="">Introduced new ways control the layout</li>
</ul>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="ide">IDE<a href="https://docs.helio-hmi.com/releases/24.2#ide" class="hash-link" aria-label="Direct link to IDE" title="Direct link to IDE" translate="no">​</a></h4>
<ul>
<li class="">Added a centralized <a href="https://docs.helio-hmi.com/docs/reference/ide/project-editor/settings-view">Project Settings</a>
to the <code>Content View</code></li>
<li class="">Simplified and hardened the license activation workflow<!-- -->
<ul>
<li class="">We've introduced additional options for offline activation: You can now auto generate an
email, send to our support team, and receive
receive a license file in response. This license file can then be uploaded to
HELIO to get started.</li>
<li class="">Additionally offline activation can also be done using a bridge device that
is able to connect to both your internal network and the public internet.</li>
</ul>
</li>
<li class="">Simplified Welcome Page<!-- -->
<ul>
<li class="">Removed button group to switch between <code>Apps</code> and <code>Projects</code></li>
<li class="">Tools like the User or License Management can now be accessed directly
without any additional click</li>
</ul>
</li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="breaking-changes">Breaking Changes<a href="https://docs.helio-hmi.com/releases/24.2#breaking-changes" class="hash-link" aria-label="Direct link to Breaking Changes" title="Direct link to Breaking Changes" translate="no">​</a></h3>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="updated-minimum-system-requirements">Updated Minimum System Requirements<a href="https://docs.helio-hmi.com/releases/24.2#updated-minimum-system-requirements" class="hash-link" aria-label="Direct link to Updated Minimum System Requirements" title="Direct link to Updated Minimum System Requirements" translate="no">​</a></h4>
<p>New and improved layout features in HELIO are now built upon CSS
features that have been introduced to all major browsers in 2023. So with HELIO
24.2 we are increasing the minium required versions for the
following browsers:</p>
<ul>
<li class="">Google Chrome Android:<br><code>v113</code> → <code>v129</code></li>
<li class="">Google Chrome Desktop:<br><code>v106</code> → <code>v117</code></li>
<li class="">Microsoft Edge:<br><code>v106</code> → <code>v117</code></li>
</ul>
<p>The following browser versions remain the same:</p>
<ul>
<li class="">Safari (iOS): v16</li>
<li class="">Safari (macOS): v16</li>
</ul>
<p>Check the <a class="" href="https://docs.helio-hmi.com/docs/getting-started/checklists/system-requirements/">System Requirements</a> for a complete list of all the required hard- and software requirements.</p>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="icons">Icons<a href="https://docs.helio-hmi.com/releases/24.2#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons" translate="no">​</a></h3>
<p>Nearly 400 new icons have been added to the HELIO Design system, giving you more freedom to express different machine states and add visual context to your HMIs.</p>]]></content:encoded>
            <category>release</category>
        </item>
        <item>
            <title><![CDATA[HELIO 24.1]]></title>
            <link>https://docs.helio-hmi.com/releases/24.1</link>
            <guid>https://docs.helio-hmi.com/releases/24.1</guid>
            <pubDate>Tue, 26 Mar 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[We are thrilled to announce that HELIO 24.1, the first release of 2024, is now]]></description>
            <content:encoded><![CDATA[<p>We are thrilled to announce that HELIO 24.1, the first release of 2024, is now
officially available to everyone 🎉.</p>
<p>Since launching our first public version in 2023, we've come a long way.
Not only have we continued to follow our roadmap, we've also listened
closely to feedback from both existing and new customers. This latest release
is the result of persistent, continuous improvements combined with new ideas
and concepts.</p>
<!-- -->
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-version-scheme">New Version Scheme<a href="https://docs.helio-hmi.com/releases/24.1#new-version-scheme" class="hash-link" aria-label="Direct link to New Version Scheme" title="Direct link to New Version Scheme" translate="no">​</a></h2>
<blockquote>
<p><code>YY.VERSION.PATCH</code>? that's the way we roll…</p>
</blockquote>
<p>The new version's first notable detail is its name: 24.1, a departure from the
previous release, 13.0. What's the reason behind this?</p>
<p>We aim for simplicity in every aspect of our product, including version names.
However, our previous versioning scheme had some drawbacks. An incrementing
version number lacks context, making it hard to remember and distinguish. Look
at popular browsers, for instance. A lot of them have a version names like
123.0.6312.29. Can you understand what this version signifies? It's quite
challenging, isn't it?</p>
<p>To address this, HELIO releases will now use a versioning system based on the
year and an incrementing version number, like 24.1, 24.2, etc. This approach
provides immediate context: the release year and how much older the current
version is. We're pleased with this change and believe you will appreciate it,
too!</p>
<p>Starting this year we are also introducing a new release cadence. As we continue
to expand the capabilities of HELIO, we want to ensure that you can benefit from
new features and improvements frequently. Therefore, we are moving to a
quarterly release cycle. This means you can expect a new version of HELIO every
3 months, packed with new features and improvements.</p>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="download">Download<a href="https://docs.helio-hmi.com/releases/24.1#download" class="hash-link" aria-label="Direct link to Download" title="Direct link to Download" translate="no">​</a></h2>
<p>Eager to try out the latest version of HELIO? Just head on over to our Downloads page.
You'll find a version that works with your operating system there:</p>
<div class=""><a class="inline-flex items-center justify-start whitespace-nowrap text-base font-semibold bg-white dark:bg-zinc-700 fill-zinc-700 text-neutral-800 border-zinc-400 border shadow-sm border-solid hover:border-purple-700 hover:text-purple-800 hover:shadow-md hover:fill-primary-500 hover:no-underline dark:fill-zinc-300 dark:text-neutral-300! dark:border-zinc-600 dark:hover:border-purple-300 dark:hover:text-purple-400 hover:shadow-md dark:hover:fill-purple-400 disabled:opacity-50 disabled:pointer-events-none transition-colors focus-visible:outline-hidden focus-visible:ring-1 pl-5 pr-8 py-5 rounded-md" href="https://docs.helio-hmi.com/docs/getting-started/download-helio"><div class="flex gap-2"><i class="size-10 mr-2 shrink-0 inline-flex items-center justify-center"><i class="inline-flex items-center justify-center size-10 icon-lg"></i></i><div class="flex flex-col gap-1"><span class="">Grab the Latest Version</span><span class="opacity-50 dark:opacity-60 font-medium text-sm leading-none truncate">HELIO <!-- -->25.4</span></div></div></a></div>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/24.1#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<p>But enough of the inside talk, let's dive right into the highlights of this release…</p>
<div class="tableOfContentsInline_EiBN"><ul class="table-of-contents"><li><a href="https://docs.helio-hmi.com/releases/24.1#helio-docs--a-platform-for-the-future">HELIO Docs – A Platform for the Future</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#take-control-of-your-footer--fully-configurable-and-ready-for-action">Take Control of Your <code>Footer</code> – Fully Configurable and Ready for Action</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#more-direct-editing--our-preview-just-got-a-context-menu">More Direct Editing – Our Preview Just Got a Context Menu</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#meet-the-value-bar-element--help-operators-to-better-classify-values">Meet the <code>Value Bar</code> Element – Help Operators to Better Classify Values</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#navigation-got-more-powerful">Navigation Got More Powerful</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#provide-compact-overviews-for-lists-of-values-with-the-new-data-list">Provide Compact Overviews for Lists of Values with the New <code>Data List</code></a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#bring-help-dialogs-to-life-with-the-new-video-element">Bring Help Dialogs to Life with the New <code>Video</code> Element</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#the-parameter-page-has-found-a-few-new-sidekicks">The Parameter Page Has Found a Few New Sidekicks</a></li><li><a href="https://docs.helio-hmi.com/releases/24.1#status-settings-got-a-makeover">Status Settings Got a Makeover</a></li></ul></div>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="helio-docs--a-platform-for-the-future">HELIO Docs – A Platform for the Future<a href="https://docs.helio-hmi.com/releases/24.1#helio-docs--a-platform-for-the-future" class="hash-link" aria-label="Direct link to HELIO Docs – A Platform for the Future" title="Direct link to HELIO Docs – A Platform for the Future" translate="no">​</a></h4>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-0 items-stretch Columns_GFWO"><div class="pt-1" data-type="1-1"><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/new-docs-9742ddc7e6ab9b2626137adde673e0fd.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/new-docs-9742ddc7e6ab9b2626137adde673e0fd.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div><div data-type="1-1" class=""><p>Developing software is not simply about adding the most features. We believe
that it is equally important to provide the right resources to help you get the
most out of our product. That's why we are proud to announce the launch of
our new documentation platform. We take great care to ensure that HELIO is
as user-friendly as possible and this also extends to our documentation.</p></div></section>
<p>The new HELIO docs provide a simpler navigation, better design and make
it easy to find the information you need. Try it out and let us know what
you think!</p>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="take-control-of-your-footer--fully-configurable-and-ready-for-action">Take Control of Your <code>Footer</code> – Fully Configurable and Ready for Action<a href="https://docs.helio-hmi.com/releases/24.1#take-control-of-your-footer--fully-configurable-and-ready-for-action" class="hash-link" aria-label="Direct link to take-control-of-your-footer--fully-configurable-and-ready-for-action" title="Direct link to take-control-of-your-footer--fully-configurable-and-ready-for-action" translate="no">​</a></h4>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><p>Want to add more buttons to the footer? Or maybe you want to open the main navigation from the header? With the new footer configuration you can do all that and a lot more. The footer can now be fully configured with elements like navigation or machine controls. It can even be removed entirely to free up space for pages. The possibilities are endless!</p></div><div class="pt-1" data-type="1-1"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" src="/assets/medias/footer-c21f116a98a9ad3fbb5f109b1d1ca38c.mp4" autoplay="" muted="" loop="" preload="metadata"></video></div></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="more-direct-editing--our-preview-just-got-a-context-menu">More Direct Editing – Our Preview Just Got a Context Menu<a href="https://docs.helio-hmi.com/releases/24.1#more-direct-editing--our-preview-just-got-a-context-menu" class="hash-link" aria-label="Direct link to More Direct Editing – Our Preview Just Got a Context Menu" title="Direct link to More Direct Editing – Our Preview Just Got a Context Menu" translate="no">​</a></h4>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/context-menu-8b06c3acba48535ebadd81601552312e.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/context-menu-8b06c3acba48535ebadd81601552312e.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="1-1" class=""><p>Our preview area has learned a new trick. You can now right-click on any
element to open a context menu allowing you to quickly edit or delete the
element. You can even add new elements directly from the context menu. This
makes it easier to work with the preview and speeds up your workflow.</p></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="meet-the-value-bar-element--help-operators-to-better-classify-values">Meet the <code>Value Bar</code> Element – Help Operators to Better Classify Values<a href="https://docs.helio-hmi.com/releases/24.1#meet-the-value-bar-element--help-operators-to-better-classify-values" class="hash-link" aria-label="Direct link to meet-the-value-bar-element--help-operators-to-better-classify-values" title="Direct link to meet-the-value-bar-element--help-operators-to-better-classify-values" translate="no">​</a></h4>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><p>Get ready to meet the new <code>Value Bar</code> element. This element is perfect for
showing values in a more visual way. It allows you to display a PLC value as
well as its range and current state in one element. This makes it easy for
operators to quickly classify values and understand their meaning.</p><a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/status-indication/value-bar">Learn more…</a></div><div class="pt-1" data-type="1-1"><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class="border border-solid border-zinc-500 shadow-xs rounded-sm"><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/value-bar-627b85105e9f5642351e8f0e1645cde9.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/value-bar-627b85105e9f5642351e8f0e1645cde9.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="navigation-got-more-powerful">Navigation Got More Powerful<a href="https://docs.helio-hmi.com/releases/24.1#navigation-got-more-powerful" class="hash-link" aria-label="Direct link to Navigation Got More Powerful" title="Direct link to Navigation Got More Powerful" translate="no">​</a></h4>
<section data-type="3-2" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div class="pt-1 tablet:col-span-3" data-type="3-2"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" src="/assets/medias/navigation-6b2a80b3a0ed19c4bdf2e1179ca1ebf2.mp4" autoplay="" muted="" loop="" preload="metadata"></video></div></div><div data-type="3-2" class="tablet:col-span-2"><p>We have added a couple of new actions to HELIO so that you have more options to design your HMI. You can now use a set of freshly-baked actions
to Show the Main Navigation, Navigate Home or go forward and back in the
navigation history.</p></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="provide-compact-overviews-for-lists-of-values-with-the-new-data-list">Provide Compact Overviews for Lists of Values with the New <code>Data List</code><a href="https://docs.helio-hmi.com/releases/24.1#provide-compact-overviews-for-lists-of-values-with-the-new-data-list" class="hash-link" aria-label="Direct link to provide-compact-overviews-for-lists-of-values-with-the-new-data-list" title="Direct link to provide-compact-overviews-for-lists-of-values-with-the-new-data-list" translate="no">​</a></h4>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div class="pt-1 tablet:col-span-2" data-type="2-3"><p>Sometimes you need to see a lot of values at a glance. The new <code>Data List</code>
is a perfect fit for this. It allows you to show multiple KPIs or sensor
values in a compact list complete with the ability to add custom icons and
display states. This makes it easy to create really useful overviews for
operators.</p><a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/data-display/data-list">Learn more…</a></div><div class="pt-1 tablet:col-span-3" data-type="2-3"><div class="Container_ixVX mb-4: md:mb-6"><div class="rounded-sm Background_f_8U" data-bg="desktop"><div class="rounded-sm Browser_YSKW"><div class="BrowserHeader_rLbJ"><div class="BrowserNavigation_ee51"><span>←</span><span>→</span></div><div class="BrowserAddressBar_VmR8"><span></span></div><div class="BrowserMenuIcon_FI16"><div><span></span><span></span><span></span></div></div></div><div class="border-0 border-t bg-neutral-100 border-solid border-neutral-300"><div class=""><div role="figure" class="m-0! [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/data-list-b8b5288ea93673c588338d8a20982f81.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/data-list-b8b5288ea93673c588338d8a20982f81.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></div></div></div></div></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="bring-help-dialogs-to-life-with-the-new-video-element">Bring Help Dialogs to Life with the New <code>Video</code> Element<a href="https://docs.helio-hmi.com/releases/24.1#bring-help-dialogs-to-life-with-the-new-video-element" class="hash-link" aria-label="Direct link to bring-help-dialogs-to-life-with-the-new-video-element" title="Direct link to bring-help-dialogs-to-life-with-the-new-video-element" translate="no">​</a></h4>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div class="pt-1" data-type="1-1"><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/video-element-92489e05b2d5d69d1b871d11a0b76262.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/video-element-92489e05b2d5d69d1b871d11a0b76262.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="1-1" class=""><p>Modern HMIs are more than just buttons and text. They should provide
meaningful information to the operators to help them solve their tasks. With
the new Video element, you can now add videos to pages. This makes it easier
to explain complex processes or provide additional information to the
operator.</p><a href="https://docs.helio-hmi.com/docs/reference/design-system/element-types/graphics/video">Learn more…</a></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="the-parameter-page-has-found-a-few-new-sidekicks">The Parameter Page Has Found a Few New Sidekicks<a href="https://docs.helio-hmi.com/releases/24.1#the-parameter-page-has-found-a-few-new-sidekicks" class="hash-link" aria-label="Direct link to The Parameter Page Has Found a Few New Sidekicks" title="Direct link to The Parameter Page Has Found a Few New Sidekicks" translate="no">​</a></h4>
<section data-type="2-3" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="2-3" class="tablet:col-span-2"><p>Parameter Pages form the backbone of any HMI. Showing images to help
operators understand the context of parameters has already been a great way
to make the HMI more user-friendly. With HELIO 24.1 we are taking this a lot
further by allowing you to show Videos, Gauges, Data Lists, Trends or even
entire Flow Maps.</p><a href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/parameter-page">Learn more…</a></div><div data-type="2-3" class="tablet:col-span-3"><div class="m-full box-subtle-light block rounded-sm overflow-hidden mb-2"><video class="block" src="/assets/medias/parameter-page-side-panels-fdf6e95bf33e97e5f1b9715cd1c6480c.mp4" autoplay="" muted="" loop="" preload="metadata"></video></div></div></section>
<hr>
<h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="status-settings-got-a-makeover">Status Settings Got a Makeover<a href="https://docs.helio-hmi.com/releases/24.1#status-settings-got-a-makeover" class="hash-link" aria-label="Direct link to Status Settings Got a Makeover" title="Direct link to Status Settings Got a Makeover" translate="no">​</a></h4>
<section data-type="3-2" class="grid grid-cols-1 tablet:grid-cols-5 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="3-2" class="tablet:col-span-3"><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/status-rework-e4555007980674c6137ae98cfd703d03.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/status-rework-e4555007980674c6137ae98cfd703d03.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="3-2" class="tablet:col-span-2"><p>Last but not least: we've standardized the status settings. They used to
work differently in many elements. For a quick introduction to the topic,
we've put together a small guide. Enjoy:</p><a href="https://docs.helio-hmi.com/docs/guides/guiding-operators/communicating-status">Communicating
Status Guide…</a></div></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="get-started-with-helio">Get Started With HELIO<a href="https://docs.helio-hmi.com/releases/24.1#get-started-with-helio" class="hash-link" aria-label="Direct link to Get Started With HELIO" title="Direct link to Get Started With HELIO" translate="no">​</a></h2>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 pl-6 CallOut_MH0e Task_qT9P"><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><ol>
<li class="">Get to know HELIO by taking the <a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">HELIO Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/download-helio/">Download HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section>
<hr>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/24.1#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-elements">New Elements<a href="https://docs.helio-hmi.com/releases/24.1#new-elements" class="hash-link" aria-label="Direct link to New Elements" title="Direct link to New Elements" translate="no">​</a></h3>
<ul>
<li class="">Added <strong>Video</strong> element as Dashboard Widgets and Parameter Page Visualization.</li>
<li class="">Better Bars<!-- -->
<ul>
<li class="">Added <strong>Value Bar</strong>
<ul>
<li class="">Show Ranges</li>
<li class="">Show Set Point</li>
</ul>
</li>
<li class="">Updated <strong>Progress Bar</strong> design and IDE properties.</li>
</ul>
</li>
<li class="">Added <strong>Data List</strong> as replacement for <strong>Data Table</strong> featuring various improvements.</li>
<li class="">Added <code>Dropdown Header Cell</code></li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-actions">New Actions<a href="https://docs.helio-hmi.com/releases/24.1#new-actions" class="hash-link" aria-label="Direct link to New Actions" title="Direct link to New Actions" translate="no">​</a></h3>
<ul>
<li class="">Added “Write the Active List Element to a Data Directory”</li>
<li class="">Added "Show Main Navigation"</li>
<li class="">Added "Export List Items as CSV File"</li>
<li class="">Added "Import List Items from CSV File"</li>
<li class="">Added "Navigate back/forward" in history</li>
<li class="">Added "Navigate back to the home page"</li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-features">New Features<a href="https://docs.helio-hmi.com/releases/24.1#new-features" class="hash-link" aria-label="Direct link to New Features" title="Direct link to New Features" translate="no">​</a></h3>
<ul>
<li class=""><code>HMI &gt; Footer</code> is now fully configurable<!-- -->
<ul>
<li class="">Footer can be fully configured with elements and spacers</li>
<li class="">Menu Button can be removed entirely</li>
<li class="">If footer is emptied completely, it will free up the space for pages.</li>
</ul>
</li>
<li class="">Add context menu to preview</li>
<li class="">New Dynamic Properties<!-- -->
<ul>
<li class=""><code>Check Client</code> to distinguish between local and remote access</li>
</ul>
</li>
<li class="">Parameter Page<!-- -->
<ul>
<li class="">Added more elements as option for visualization slot<!-- -->
<ul>
<li class="">Add Flow Map</li>
<li class="">DataList</li>
<li class="">Embedded Webview</li>
<li class="">Gauge</li>
<li class="">Radial Bars</li>
<li class="">Pie Chart</li>
<li class="">Trend</li>
</ul>
</li>
</ul>
</li>
<li class="">Collection Page<!-- -->
<ul>
<li class="">Enabled Page Groups as Collection Page Detail</li>
<li class="">Add default sort functionality</li>
</ul>
</li>
<li class="">Optimizations for smaller screens<!-- -->
<ul>
<li class="">On mobile devices the footer is now smaller to give the content more space.</li>
</ul>
</li>
<li class="">Allow the use of dynamic paths in Same Host targets of Navigate to URL action, Embedded Webview and Webview Page classes</li>
<li class="">Add capability to obscure string inputs when set to subtype password.</li>
<li class="">Project Export: Add dialog to select which connections to export</li>
<li class="">Add Collapse/Expand all to content tree</li>
<li class="">Added toast for Copy and Cut interactions in Content Tree.</li>
<li class="">Added Footer to <strong>Parameter Group</strong> element.</li>
<li class="">Added shortcuts to switch between Project Editor views</li>
<li class="">Allow setting directory for license files in config</li>
<li class="">Allow header cells to be checked</li>
<li class="">Data View<!-- -->
<ul>
<li class="">Introduce drag resizing of explorers</li>
</ul>
</li>
<li class="">Components<!-- -->
<ul>
<li class="">Allow components to reference their own API in other properties</li>
</ul>
</li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changes">Changes<a href="https://docs.helio-hmi.com/releases/24.1#changes" class="hash-link" aria-label="Direct link to Changes" title="Direct link to Changes" translate="no">​</a></h3>
<ul>
<li class="">Removed acknowledge button on message dialogs &amp; message details if no <code>On acknowledge</code> function has been specified</li>
<li class="">Streamlined <code>Apply Status</code> settings across all elements</li>
<li class="">Renamed MQTT Connection and added info message to Add Connection dialog</li>
<li class="">Messaging<!-- -->
<ul>
<li class="">Added mapping setting for <code>WasAcknowledged</code> property</li>
</ul>
</li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="bugfixes">Bugfixes<a href="https://docs.helio-hmi.com/releases/24.1#bugfixes" class="hash-link" aria-label="Direct link to Bugfixes" title="Direct link to Bugfixes" translate="no">​</a></h3>
<ul>
<li class="">Refactored login and logout flow of IDE in order to be more resilient<!-- -->
<ul>
<li class="">Sign In process is now handled inside a dialog</li>
</ul>
</li>
<li class="">Fixed Dropdown-Bug where elements with value 0 could not be selected</li>
<li class="">Changed overlay sizes</li>
<li class="">Prevent pasting instances to invalid locations</li>
<li class="">Added support for custom B&amp;R string data types</li>
<li class="">Fixed issues where IDE would become blank when editing on remote runtimes</li>
<li class="">Fixed Copy &amp; Paste of <code>Open Page as Overlay</code> &amp; <code>Navigate to Page</code> actions</li>
<li class=""><code>Choose Variable</code> dialog: renamed to "Data" when not using the items blueprint data</li>
<li class="">Condition expressions now correctly support write operations</li>
<li class="">Improve toast display on small sizes and large number of toasts</li>
<li class="">Improved performance when modifying <code>HMI Content Tree</code></li>
<li class="">Fixed list export so no cached data is used</li>
<li class="">Fixed disabled border tokens of Button element</li>
<li class="">Fixed token lookup of CSS variables</li>
<li class="">Fixed text overflow behavior in InstanceTree</li>
<li class="">Fixed page title icon gap showing even if no icon was set</li>
<li class="">Fixed display of active message overlay</li>
<li class="">Fixed wrong variable count after converting a data directory to list</li>
<li class="">Prevent IDE from crashing on unknown Elements</li>
<li class="">Changed list import from CSV-file to ignore empty lines</li>
<li class="">Fixed selection of enum entries with empty string value in Magic Input</li>
<li class="">Fixed Magic Input not focusing when clicking on unit or icon</li>
<li class="">Fix display of blueprint variable values in message popups</li>
<li class="">Fix unwanted line break in Parameter titles</li>
<li class="">Improved error messaging for project import</li>
<li class="">Fixed keyboard shortcut for the "Add Element" dialog</li>
<li class="">Fixed <code>ESC</code> closing wrong dialog.</li>
<li class="">Fixed Page Overlays not showing Close-button.</li>
<li class="">Fixed display of username in user-details.</li>
<li class="">Fixed closing of dialogs not working from second time</li>
<li class="">Enabled renaming of Editor Tree items while in Test mode</li>
<li class="">Fixed OK-button in <code>Alert</code> being disabled without Confirm Action</li>
<li class="">Fixed order of message dialogs</li>
<li class="">Removed scroll shadows to improve scroll performance on smaller devices</li>
<li class="">Improved performance of <code>Timezone Input</code></li>
<li class="">Fixed On Screen Keyboard hovering over dialogs and overlays</li>
<li class="">Added missing translations for <code>Jog Control</code></li>
<li class="">Fixed resizing behavior of the <code>Style View</code> on smaller devices</li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="icons">Icons<a href="https://docs.helio-hmi.com/releases/24.1#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons" translate="no">​</a></h3>
<details class="relative Toggle_BZyj rounded-sm bg-zinc-100 dark:bg-zinc-800 mt-2 mb-2"><summary class="flex select-none cursor-pointer items-center p-4 py-3 gap-1 rounded-sm leading-snug text-md font-semibold hover:bg-zinc-200 dark:hover:bg-zinc-700/50"><div class="w-6 h-6 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-sm origin-center transition-transform"></i></div><div>Added</div></summary><div data-element="content" class="ml-7 pb-4 px-4 pt-2"><ul>
<li class="">
<p>CheckClient</p>
</li>
<li class="">
<p>MiscScreens</p>
</li>
<li class="">
<p>MusicNote</p>
</li>
<li class="">
<p>Recycle</p>
</li>
<li class="">
<p>AwayLeft</p>
</li>
<li class="">
<p>Save</p>
</li>
<li class="">
<p>BarCode</p>
</li>
<li class="">
<p>NoWifi</p>
</li>
<li class="">
<p>Offline</p>
</li>
<li class="">
<p>QRCode</p>
</li>
<li class="">
<p>WebDisconnected</p>
</li>
<li class="">
<p>ShowToast</p>
</li>
<li class="">
<p>IndustrialRobotClaw</p>
</li>
<li class="">
<p>IndustrialRobotHook</p>
</li>
<li class="">
<p>IndustrialRobotPoint</p>
</li>
<li class="">
<p>SpeechBubbleEllipsis</p>
</li>
<li class="">
<p>SpeechBubble</p>
</li>
<li class="">
<p>SpeechBubbles</p>
</li>
<li class="">
<p>ThumbsDown</p>
</li>
<li class="">
<p>ThumbsUp</p>
</li>
<li class="">
<p>Power</p>
</li>
<li class="">
<p>Antenna</p>
</li>
<li class="">
<p>Approval</p>
</li>
<li class="">
<p>Backup</p>
</li>
<li class="">
<p>Bag</p>
</li>
<li class="">
<p>BarAgitatedFull</p>
</li>
<li class="">
<p>BarAgitatedHalf</p>
</li>
<li class="">
<p>BarAgitatedLow</p>
</li>
<li class="">
<p>BarDefaultFull</p>
</li>
<li class="">
<p>BarDefaultHalf</p>
</li>
<li class="">
<p>BarDefaultLow</p>
</li>
<li class="">
<p>BarEmpty</p>
</li>
<li class="">
<p>BarLiquidFull</p>
</li>
<li class="">
<p>BarLiquidHalf</p>
</li>
<li class="">
<p>BarLiquidLow</p>
</li>
<li class="">
<p>BarSolidFull</p>
</li>
<li class="">
<p>BarSolidHalf</p>
</li>
<li class="">
<p>BarSolidLow</p>
</li>
<li class="">
<p>BatteryEmpty</p>
</li>
<li class="">
<p>BatteryError</p>
</li>
<li class="">
<p>BatteryWarning</p>
</li>
<li class="">
<p>BookClosed</p>
</li>
<li class="">
<p>BookOpen</p>
</li>
<li class="">
<p>BookPages</p>
</li>
<li class="">
<p>Bookmark</p>
</li>
<li class="">
<p>BrakeLock</p>
</li>
<li class="">
<p>BrakeUnlock</p>
</li>
<li class="">
<p>BrakeWarning</p>
</li>
<li class="">
<p>Bucket</p>
</li>
<li class="">
<p>Calculation</p>
</li>
<li class="">
<p>Calculator</p>
</li>
<li class="">
<p>Calibration</p>
</li>
<li class="">
<p>Can</p>
</li>
<li class="">
<p>Canister</p>
</li>
<li class="">
<p>CartonBlank</p>
</li>
<li class="">
<p>CircleAgitatedFull</p>
</li>
<li class="">
<p>CircleAgitatedHalf</p>
</li>
<li class="">
<p>CircleAgitatedLow</p>
</li>
<li class="">
<p>CircleDefaultFull</p>
</li>
<li class="">
<p>CircleDefaultHalf</p>
</li>
<li class="">
<p>CircleDefaultLow</p>
</li>
<li class="">
<p>CircleEmpty</p>
</li>
<li class="">
<p>CircleLiquidFull</p>
</li>
<li class="">
<p>CircleLiquidHalf</p>
</li>
<li class="">
<p>CircleLiquidLow</p>
</li>
<li class="">
<p>CircleSolidFull</p>
</li>
<li class="">
<p>CircleSolidHalf</p>
</li>
<li class="">
<p>CircleSolidLow</p>
</li>
<li class="">
<p>CleanDisplay</p>
</li>
<li class="">
<p>CleanPanelPC</p>
</li>
<li class="">
<p>CleaningSpray</p>
</li>
<li class="">
<p>Clipboard</p>
</li>
<li class="">
<p>Container</p>
</li>
<li class="">
<p>ConveyorBackward</p>
</li>
<li class="">
<p>ConveyorForwardBackward</p>
</li>
<li class="">
<p>ConveyorForward</p>
</li>
<li class="">
<p>Energy</p>
</li>
<li class="">
<p>FileMissing</p>
</li>
<li class="">
<p>FolderMissing</p>
</li>
<li class="">
<p>Forklift</p>
</li>
<li class="">
<p>Gallon</p>
</li>
<li class="">
<p>GlasBottle</p>
</li>
<li class="">
<p>InfeedConveyorBackward</p>
</li>
<li class="">
<p>Infinity</p>
</li>
<li class="">
<p>InterpolationEagerStep</p>
</li>
<li class="">
<p>InterpolationEasyEase</p>
</li>
<li class="">
<p>InterpolationExponential</p>
</li>
<li class="">
<p>InterpolationInverseExponential</p>
</li>
<li class="">
<p>InterpolationLazyStep</p>
</li>
<li class="">
<p>InterpolationLinear</p>
</li>
<li class="">
<p>Jar</p>
</li>
<li class="">
<p>Jug</p>
</li>
<li class="">
<p>Keyboard</p>
</li>
<li class="">
<p>Malfunction</p>
</li>
<li class="">
<p>ManualButton</p>
</li>
<li class="">
<p>ManualInput</p>
</li>
<li class="">
<p>Merge</p>
</li>
<li class="">
<p>MeshStillage</p>
</li>
<li class="">
<p>MeshStillageWithRollers</p>
</li>
<li class="">
<p>Moon</p>
</li>
<li class="">
<p>Night</p>
</li>
<li class="">
<p>OutfeedConveyorBackward</p>
</li>
<li class="">
<p>PDFDocument</p>
</li>
<li class="">
<p>PDFFile</p>
</li>
<li class="">
<p>Packet</p>
</li>
<li class="">
<p>PortableBox</p>
</li>
<li class="">
<p>Probe</p>
</li>
<li class="">
<p>PushButtonHorizontal</p>
</li>
<li class="">
<p>PushButtonVertical</p>
</li>
<li class="">
<p>RIFD</p>
</li>
<li class="">
<p>Runner</p>
</li>
<li class="">
<p>Sack</p>
</li>
<li class="">
<p>Scanning</p>
</li>
<li class="">
<p>Sensor</p>
</li>
<li class="">
<p>Separate</p>
</li>
<li class="">
<p>ServiceStaff</p>
</li>
<li class="">
<p>ShringWrapBox</p>
</li>
<li class="">
<p>SmileyDizzy</p>
</li>
<li class="">
<p>SmileyHappy</p>
</li>
<li class="">
<p>SmileyNeutral</p>
</li>
<li class="">
<p>SmileySad</p>
</li>
<li class="">
<p>Smiley</p>
</li>
<li class="">
<p>Sparkling</p>
</li>
<li class="">
<p>Suction</p>
</li>
<li class="">
<p>Sun</p>
</li>
<li class="">
<p>SwitchConveyorLeft</p>
</li>
<li class="">
<p>SwitchConveyorRight</p>
</li>
<li class="">
<p>Target</p>
</li>
<li class="">
<p>TimeIntervalBackward</p>
</li>
<li class="">
<p>TimeIntervalForward</p>
</li>
<li class="">
<p>TinCan</p>
</li>
<li class="">
<p>Tray</p>
</li>
<li class="">
<p>USBDrive</p>
</li>
<li class="">
<p>USBFromDrive</p>
</li>
<li class="">
<p>USBToDrive</p>
</li>
<li class="">
<p>Vacuumcleaner</p>
</li>
<li class="">
<p>Waiting</p>
</li>
<li class="">
<p>WashingTrough</p>
</li>
<li class="">
<p>WifiFull</p>
</li>
<li class="">
<p>WifiHalf</p>
</li>
<li class="">
<p>WifiLow</p>
</li>
<li class="">
<p>WindWrapBox</p>
</li>
<li class="">
<p>WoodenBox</p>
</li>
<li class="">
<p>_3DPrinterFDM</p>
</li>
<li class="">
<p>_3DPrinterSLA</p>
</li>
<li class="">
<p>_3DPrinterSLS</p>
</li>
<li class="">
<p>Blister</p>
</li>
<li class="">
<p>BubbleWrap</p>
</li>
<li class="">
<p>FoodTray</p>
</li>
<li class="">
<p>HardDiskEmpty</p>
</li>
<li class="">
<p>HardDiskFull</p>
</li>
<li class="">
<p>HardDiskHalf</p>
</li>
<li class="">
<p>HardDiskLow</p>
</li>
<li class="">
<p>HardDisk</p>
</li>
<li class="">
<p>MachineScrew</p>
</li>
<li class="">
<p>Nail</p>
</li>
<li class="">
<p>WoodScrew</p>
</li>
<li class="">
<p>AwayCenterHorizontal</p>
</li>
<li class="">
<p>AwayCenterVertical</p>
</li>
<li class="">
<p>TowardsCenterHorizontal</p>
</li>
<li class="">
<p>TowardsCenterVertical</p>
</li>
<li class="">
<p>BigBag</p>
</li>
<li class="">
<p>CellularEmpty</p>
</li>
<li class="">
<p>CellularFull</p>
</li>
<li class="">
<p>CellularHalf</p>
</li>
<li class="">
<p>CellularHigh</p>
</li>
<li class="">
<p>CellularLow</p>
</li>
<li class="">
<p>Detector</p>
</li>
<li class="">
<p>DisposablePlasticBag</p>
</li>
<li class="">
<p>Fabric</p>
</li>
<li class="">
<p>Filament</p>
</li>
<li class="">
<p>Flower</p>
</li>
<li class="">
<p>Foam</p>
</li>
<li class="">
<p>Granulate</p>
</li>
<li class="">
<p>IdentityCard</p>
</li>
<li class="">
<p>Lissajous</p>
</li>
<li class="">
<p>Magnet</p>
</li>
<li class="">
<p>PasteCompound</p>
</li>
<li class="">
<p>Pipette</p>
</li>
<li class="">
<p>Powder</p>
</li>
<li class="">
<p>Radiancy</p>
</li>
<li class="">
<p>Radioactivity</p>
</li>
<li class="">
<p>Reel</p>
</li>
<li class="">
<p>Report</p>
</li>
<li class="">
<p>Resting</p>
</li>
<li class="">
<p>Shutter</p>
</li>
<li class="">
<p>SpeechBubbleInfo</p>
</li>
<li class="">
<p>SqueezeTube</p>
</li>
<li class="">
<p>Tire</p>
</li>
</ul></div></details>]]></content:encoded>
            <category>release</category>
        </item>
        <item>
            <title><![CDATA[HELIO 13.0]]></title>
            <link>https://docs.helio-hmi.com/releases/13.0</link>
            <guid>https://docs.helio-hmi.com/releases/13.0</guid>
            <pubDate>Fri, 24 Nov 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[We are excited to announce the first public release of HELIO, which is now]]></description>
            <content:encoded><![CDATA[<p>We are excited to announce the first public release of HELIO, which is now
available for everyone. These past few years have been quite a whirlwind. We're
incredibly proud and thrilled to officially release HELIO to the public!</p>
<!-- -->
<p>While software is never really done, this still marks a significant milestone that
we’ll take just a second to celebrate before we get back to working on all the
great ideas we have for the coming months.</p>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="highlights">Highlights<a href="https://docs.helio-hmi.com/releases/13.0#highlights" class="hash-link" aria-label="Direct link to Highlights" title="Direct link to Highlights" translate="no">​</a></h2>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="hello-world-this-is-helio-">Hello, World. This is HELIO. 👋<a href="https://docs.helio-hmi.com/releases/13.0#hello-world-this-is-helio-" class="hash-link" aria-label="Direct link to Hello, World. This is HELIO. 👋" title="Direct link to Hello, World. This is HELIO. 👋" translate="no">​</a></h4><p>These past few years have been quite a whirlwind. We're incredibly proud and
thrilled to officially release HELIO to the public!
While software is never really done, this still marks a significant milestone
that we’ll take just a second to celebrate before we get back to working on
all the great ideas we have for the coming months.</p></div><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/welcome-9f5ddc9ede96f410fd3a78f47aa77a6f.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/welcome-9f5ddc9ede96f410fd3a78f47aa77a6f.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></section>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/orbit-theme-8fc3b402898c8977c52946a2c5241622.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/orbit-theme-8fc3b402898c8977c52946a2c5241622.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-helio-theme-orbit">New HELIO Theme: Orbit<a href="https://docs.helio-hmi.com/releases/13.0#new-helio-theme-orbit" class="hash-link" aria-label="Direct link to New HELIO Theme: Orbit" title="Direct link to New HELIO Theme: Orbit" translate="no">​</a></h4><p>Introducing our new default theme Orbit. With sleek outlines and crunchy
controls, it really makes an impression.</p></div></section>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="everything-flows-smoother-now-introducing-the-revamped-flow-map-page">Everything flows smoother now! Introducing the revamped Flow Map Page<a href="https://docs.helio-hmi.com/releases/13.0#everything-flows-smoother-now-introducing-the-revamped-flow-map-page" class="hash-link" aria-label="Direct link to Everything flows smoother now! Introducing the revamped Flow Map Page" title="Direct link to Everything flows smoother now! Introducing the revamped Flow Map Page" translate="no">​</a></h4><p>In the recent versions, we completed the feature set of the <a class="" href="https://docs.helio-hmi.com/docs/reference/design-system/page-types/flow-map-page">Flow Map Page</a>. Now,
we've enhanced its visual appeal and improved the readability of
connections.</p></div><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/flow-map-page-150fc0e2cda519eae4eac2493504cc7e.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/flow-map-page-150fc0e2cda519eae4eac2493504cc7e.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></section>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/personalization-fc899c3853e9987992df22c9b66da549.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/personalization-fc899c3853e9987992df22c9b66da549.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="introducing-project-personalization">Introducing Project Personalization<a href="https://docs.helio-hmi.com/releases/13.0#introducing-project-personalization" class="hash-link" aria-label="Direct link to Introducing Project Personalization" title="Direct link to Introducing Project Personalization" translate="no">​</a></h4><p>When working on multiple projects, being able to distinguish them at a
glance is extremely helpful. We’ve added options to configure the color and
icon previews so that you’ll quickly find what you’re looking for. You can
even add your own preview images.</p></div></section>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="new-runtime-features">New Runtime Features<a href="https://docs.helio-hmi.com/releases/13.0#new-runtime-features" class="hash-link" aria-label="Direct link to New Runtime Features" title="Direct link to New Runtime Features" translate="no">​</a></h4><p>HELIO now accepts two new URL Parameters for Disabling Animations
<code>?skipAnimations=true</code> and explicitly enabling the on-screen keyboard
?enableOSK=true.</p></div><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="improved-keyboard-support">Improved Keyboard Support<a href="https://docs.helio-hmi.com/releases/13.0#improved-keyboard-support" class="hash-link" aria-label="Direct link to Improved Keyboard Support" title="Direct link to Improved Keyboard Support" translate="no">​</a></h4><p>We've added new keyboard shortcuts and made them more consistent across the
application.</p></div></section>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="our-new-playground-hmi--because-learnings-supposed-to-be-fun">Our New Playground HMI – Because Learning's Supposed to be Fun!<a href="https://docs.helio-hmi.com/releases/13.0#our-new-playground-hmi--because-learnings-supposed-to-be-fun" class="hash-link" aria-label="Direct link to Our New Playground HMI – Because Learning's Supposed to be Fun!" title="Direct link to Our New Playground HMI – Because Learning's Supposed to be Fun!" translate="no">​</a></h4><p>Introducing our new built-in <code>Playground HMI Template</code>. Use it to
explore and learn about features, as well as the various HELIO Page
Type.</p><p>By the way, <a code="docs/getting-started/playground-plc/playground-plc"></a>,
a Soft-PLC designed for testing and simulating HELIO HMIs using OPC UA,
complements it perfectly.</p></div><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/playground-hmi-0eee5480e2e12e3e49318aa7dd60d781.png" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/playground-hmi-0eee5480e2e12e3e49318aa7dd60d781.png"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div></section>
<hr>
<section data-type="1-1" class="grid grid-cols-1 tablet:grid-cols-2 gap-3 tablet:gap-8 mb-8 items-stretch Columns_GFWO"><div data-type="1-1" class=""><div role="figure" class="mb-4 [&amp;_img]:m-0!"><div class=""><div class=""><div class="block group/image relative"><div class="m-full h-full rounded-sm"><img class="block rounded-sm aspect-video" src="https://docs.helio-hmi.com/assets/images/change-font-ca5eb228a1d4f4004565f1103c9c746a.gif" loading="lazy"></div><a class="absolute inset-0 flex items-center justify-center bg-linear-to-b from-black/40 to-black/10 text-white! no-underline! font-medium transition-all opacity-0 group-hover/image:opacity-100 outline-0 outline-offset-2 group-hover/image:outline-[3px] outline-black/30 rounded-sm" href="https://docs.helio-hmi.com/assets/images/change-font-ca5eb228a1d4f4004565f1103c9c746a.gif"><div class="bg-black/70 rounded-full w-12 h-12 flex items-center justify-center"><i class="inline-flex items-center justify-center icon-md fill-white!"></i></div></a></div></div></div></div></div><div data-type="1-1" class=""><h4 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="change-that-font">Change that font!<a href="https://docs.helio-hmi.com/releases/13.0#change-that-font" class="hash-link" aria-label="Direct link to Change that font!" title="Direct link to Change that font!" translate="no">​</a></h4><p>A new addition to the Style View has arrived: select from different fonts to
transform the look of your HMI</p></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="get-started">Get Started<a href="https://docs.helio-hmi.com/releases/13.0#get-started" class="hash-link" aria-label="Direct link to Get Started" title="Direct link to Get Started" translate="no">​</a></h2>
<section data-element="call-out" class="flex flex-1 gap-3 p-5 rounded-sm overflow-hidden leading-normal text-pretty mb-4 pl-6 CallOut_MH0e Task_qT9P"><div data-element="call-out__content" class="flex-1 flex flex-col gap-3 m-0"><div data-element="call-out__content__prose" class=""><ol>
<li class="">Get to know HELIO by taking the <a class="" href="https://docs.helio-hmi.com/docs/getting-started/quick-tour/">HELIO Quick Tour</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/download-helio/">Download HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/start-helio/">Start HELIO</a></li>
<li class=""><a class="" href="https://docs.helio-hmi.com/docs/getting-started/build-your-first-hmi/">Build your first HMI</a></li>
</ol></div></div></section>
<h2 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="changelog">Changelog<a href="https://docs.helio-hmi.com/releases/13.0#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog" translate="no">​</a></h2>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="1301">13.0.1<a href="https://docs.helio-hmi.com/releases/13.0#1301" class="hash-link" aria-label="Direct link to 13.0.1" title="Direct link to 13.0.1" translate="no">​</a></h3>
<p><strong>Changes</strong></p>
<ul>
<li class="">Breaking<!-- -->
<ul>
<li class="">Messaging &amp; Alarming<!-- -->
<ul>
<li class="">The necessary steps to integrate messaging with HELIO is currently more
complex than we’d like so we're working to enhance our Messaging API in
collaboration with our customers.</li>
<li class="">With HELIO 13.0.1, we complete the rework of the specification that we began
with 13.0.0 to streamline the creation of such an API:</li>
<li class="">All methods, method parameters, and properties in <code>MessageList</code> have been
changed to PascalCase (for example, <code>AcknowledgeMessage</code>) to avoid naming
confusion.</li>
<li class="">The process of marking a message as active and unacknowledged has been
simplified. It's no longer necessary to set the <code>AcknowledgedOn</code> date to <code>null</code>,
which was an issue with some PLCs. The updated specification now instructs
implementors to set the <code>AcknowledgedOn</code> value to match the <code>ArrivedOn</code>
property. The <code>AcknowledgedOn</code> value should be updated to the current date when
a message is acknowledged using the <code>AcknowledgeMessage</code> method.</li>
</ul>
</li>
</ul>
</li>
</ul>
<h3 class="anchor anchorTargetHideOnScrollNavbar_QL37" id="1300">13.0.0<a href="https://docs.helio-hmi.com/releases/13.0#1300" class="hash-link" aria-label="Direct link to 13.0.0" title="Direct link to 13.0.0" translate="no">​</a></h3>
<p><strong>New Features</strong></p>
<ul>
<li class="">New Theme: Orbit (Light &amp; Dark)<!-- -->
<ul>
<li class="">Just in time for the big HELIO release, the HELIO team's got a
little surprise for ya. It's a fresh new theme called <strong>Orbit,</strong> available in
both light and dark! It brings a breath of fresh air to the sometimes monotonous
world of industrial HMIs.</li>
</ul>
</li>
<li class="">Style View<!-- -->
<ul>
<li class=""><strong>Component Overview</strong> – See how your changes will affect the design system of
your HMI in an overview of common controls.</li>
<li class=""><strong>Introducing Custom Fonts</strong> 🎉<br>
What if you could select from different fonts in the theme options under the
style view? Sounds exciting, doesn't it? Well, we've made that possible!</li>
</ul>
</li>
<li class=""><strong>Introducing Project Personalization:</strong> As you get more projects going,
telling them apart can get a bit tricky. No worries though, you can jazz up your
projects with colors, icons, or even your own preview image. This will make your
project list much cozier and also easier to browse through.</li>
<li class="">Added the ability to start a simulation of your project directly from the
Welcome page. By the way you can even start in a new tab using <code>Ctrl</code> + <code>Click</code>.</li>
<li class="">Page Group (Page Type)<!-- -->
<ul>
<li class="">Add a warning to the embedded menu when page groups are nested too deeply.</li>
</ul>
</li>
<li class="">Flow Map Page (Page Type)<!-- -->
<ul>
<li class="">Overhauled Design of Modules</li>
<li class="">Added ability to use icons <em>or</em> images</li>
<li class="">Now with states for outlets and animation.</li>
</ul>
</li>
<li class="">Dashboard Page (Page Type)<!-- -->
<ul>
<li class="">Greatly improved display of Inputs and Outputs.</li>
</ul>
</li>
<li class="">Collection Page (Page Type)<!-- -->
<ul>
<li class="">Introduced option to emphasize properties/columns.</li>
<li class="">Introduced an option to display the unit in the table header.</li>
</ul>
</li>
<li class="">HMI Users View<!-- -->
<ul>
<li class="">Introduced synchronization between initial HMI users of a project and the
actual users in the runtime.</li>
</ul>
</li>
<li class="">Magic Input<!-- -->
<ul>
<li class="">The stepper buttons for Magic Input that are linked to Numeric Data
Variables can now be toggled off.</li>
</ul>
</li>
<li class="">Machine Control<!-- -->
<ul>
<li class="">Enhanced the design and added the ability to place icons.</li>
<li class="">Removed the limitation of fixed widths.</li>
</ul>
</li>
<li class="">Improved HMI and IDE performance</li>
<li class="">HELIO Runtime<!-- -->
<ul>
<li class="">OPC UA Connection<!-- -->
<ul>
<li class="">Added support for Siemens S7 data types over OPC UA</li>
<li class="">Reduce default batch size when reading from OPC UA server (was 1000, now 250)</li>
</ul>
</li>
<li class=""><code>?skipAnimations=true</code><br>HELIO now accepts a new URL Parameters for Disabling Animations. This is useful
if you’re running HELIO on a Low-End Device…</li>
<li class=""><code>?enableOSK=true</code><br>HELIO now accepts a new URL parameter for explicitly
enabling the on-screen keyboard. This is useful in cases where HELIO’s
auto-detect feature does not produce the intended result on your system.</li>
</ul>
</li>
<li class="">Data View &amp; Internationalization<!-- -->
<ul>
<li class="">Added <code>Translation Key</code> datatype. This enables the translation of PLC values
in the HMI.</li>
</ul>
</li>
<li class="">Improved Keyboard Support<!-- -->
<ul>
<li class="">Editing HMIs can be repetitive, which is why we consider keyboard support for
an engineering tool to be absolutely crucial. As keyboard enthusiasts, we've
optimized the keyboard support in HELIO.</li>
<li class="">There's a wonderful new shortcut <code>Ctrl</code> + <code>E</code> that let's you add a
bunch of Elements to your HMI in no time!</li>
<li class="">Aligned Keyboard Shortcuts of Data View and Content View.</li>
</ul>
</li>
<li class="">Automatic Ex- and Import of Data Source Connections<!-- -->
<ul>
<li class="">Connections will be automatically exported with your projects.</li>
</ul>
</li>
<li class="">Added a new built-in <strong><code>Playground HMI Template</code></strong> in combination with our
brand new <a code="docs/getting-started/playground-plc/playground-plc"></a>
– a Soft-PLC designed for testing and simulating HELIO HMIs.</li>
</ul>
<p><strong>Bugfixes</strong></p>
<p>For our public release, we've squashed a whole bunch of bugs. Let's just focus into the big ones:</p>
<ul>
<li class="">Project Editor<!-- -->
<ul>
<li class="">Improve the responsiveness of the text inputs when entering text in the Property Panel.<!-- -->
<ul>
<li class="">HMI Preview Panel<!-- -->
<ul>
<li class="">If you've experienced unexpected logouts while testing authentication using HMI Users inside the <code>Preview Panel</code> you'll be pleased to know that HELIO now prevents this automatic logout while you're editing your Project.</li>
<li class="">Improved handling of disabled input selection in preview mode.</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="">Collection Page<!-- -->
<ul>
<li class="">Filters now work with integer enum values as well.</li>
<li class="">Improved render performance.</li>
</ul>
</li>
<li class="">Data View<!-- -->
<ul>
<li class="">Enhance responsiveness during the editing of variable metadata.</li>
</ul>
</li>
<li class="">Gauge<!-- -->
<ul>
<li class="">Made visual adaptations and optimizations.</li>
</ul>
</li>
<li class="">Open Dialog (Action)<!-- -->
<ul>
<li class="">Dialogs containing multiple Markdown elements will now display correctly.</li>
</ul>
</li>
<li class="">Trend (Element)<!-- -->
<ul>
<li class="">Resolved the issue of the trend being cut off when viewed inside an overlay.</li>
</ul>
</li>
<li class="">Jog Control Button<!-- -->
<ul>
<li class="">Improved performance</li>
</ul>
</li>
</ul>
<p><strong>Icons</strong></p>
<p>Introduced a large new set of new icons</p>
<ul>
<li class="">RadialBargraph</li>
<li class="">AbortedState</li>
<li class="">AbortingState</li>
<li class="">Banana</li>
<li class="">Castle</li>
<li class="">ClearingState</li>
<li class="">CompleteState</li>
<li class="">CompletingState</li>
<li class="">CubeFragment1</li>
<li class="">CubeFragment2</li>
<li class="">CubeFragment3</li>
<li class="">CubeFragment4</li>
<li class="">CubeFragment5</li>
<li class="">CubeFragment6</li>
<li class="">CubeFragment7</li>
<li class="">CubeFragment8</li>
<li class="">ExecuteState</li>
<li class="">HeldState</li>
<li class="">HoldingState</li>
<li class="">IdleState</li>
<li class="">ResettingState</li>
<li class="">StackedCube</li>
<li class="">StartingState</li>
<li class="">StoppedState</li>
<li class="">StoppingState</li>
<li class="">SuspendedState</li>
<li class="">SuspendingState</li>
<li class="">UnholdingState</li>
<li class="">UnsuspendingState</li>
<li class="">2DAxesRight</li>
<li class="">2DAxesRightX</li>
<li class="">2DAxesRightY</li>
<li class="">2DAxesRightZ</li>
<li class="">2DAxes</li>
<li class="">2DAxesUp</li>
<li class="">2DAxesUpX</li>
<li class="">2DAxesUpY</li>
<li class="">2DAxesUpZ</li>
<li class="">2DRotationClockwise</li>
<li class="">2DRotationClockwiseX</li>
<li class="">2DRotationClockwiseY</li>
<li class="">2DRotationClockwiseZ</li>
<li class="">2DRotationCounterclockwise</li>
<li class="">2DRotationCounterclockwiseX</li>
<li class="">2DRotationCounterclockwiseY</li>
<li class="">2DRotationCounterclockwiseZ</li>
<li class="">2DRotation</li>
<li class="">3DAxesLeft</li>
<li class="">3DAxesLeftX</li>
<li class="">3DAxesLeftY</li>
<li class="">3DAxesLeftZ</li>
<li class="">3DAxesRight</li>
<li class="">3DAxesRightX</li>
<li class="">3DAxesRightY</li>
<li class="">3DAxesRightZ</li>
<li class="">3DAxes</li>
<li class="">3DAxesUp</li>
<li class="">3DAxesUpX</li>
<li class="">3DAxesUpY</li>
<li class="">3DAxesUpZ</li>
<li class="">3DAxesXYZ</li>
<li class="">3DAxesXZY</li>
<li class="">3DAxesYXZ</li>
<li class="">3DAxesYZX</li>
<li class="">3DAxesZXY</li>
<li class="">3DAxesZYX</li>
<li class="">3DPlaneBottom</li>
<li class="">3DPlaneBottomX</li>
<li class="">3DPlaneBottomY</li>
<li class="">3DPlaneBottomZ</li>
<li class="">3DPlaneLeft</li>
<li class="">3DPlaneLeftX</li>
<li class="">3DPlaneLeftY</li>
<li class="">3DPlaneLeftZ</li>
<li class="">3DPlaneRight</li>
<li class="">3DPlaneRightX</li>
<li class="">3DPlaneRightY</li>
<li class="">3DPlaneRightZ</li>
<li class="">3DPlanes</li>
<li class="">3DRotationBanking</li>
<li class="">3DRotationBankingX</li>
<li class="">3DRotationBankingY</li>
<li class="">3DRotationBankingZ</li>
<li class="">3DRotationHeading</li>
<li class="">3DRotationHeadingX</li>
<li class="">3DRotationHeadingY</li>
<li class="">3DRotationHeadingZ</li>
<li class="">3DRotationPitch</li>
<li class="">3DRotationPitchX</li>
<li class="">3DRotationPitchY</li>
<li class="">3DRotationPitchZ</li>
<li class="">3DRotation</li>
</ul>]]></content:encoded>
            <category>release</category>
        </item>
    </channel>
</rss>