{"id":47,"date":"2024-01-07T00:00:00","date_gmt":"2024-01-07T00:00:00","guid":{"rendered":"https:\/\/www.avgator.com\/post\/what-s-new-in-version-0-24-a-comprehensive-overview-of-the-latest-updates-and-features"},"modified":"2024-01-07T00:00:00","modified_gmt":"2024-01-07T00:00:00","slug":"whats-new-in-version-024-a-comprehensive-overview-of-the-latest-updates-and-features","status":"publish","type":"post","link":"https:\/\/content.avgator.com\/?p=47","title":{"rendered":"What&#8217;s New in Version 0.24: A Comprehensive Overview of the Latest Updates and Features"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">New Element: Text Input<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-gprrh9402\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>A new widget for controlling shades with rich appearance and display settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-dda09b1f.png\" alt=\"Shades control\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Shades control<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML block element<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-96jq824654\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>A new element has been introduced allowing you to embed HTML code, including tags, styles, and scripts. For example, in about 30 seconds, you can insert a fully functional web widget for weather, and it will work seamlessly and display on your page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-368aaff7.png\" alt=\"HTML block element\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More control over the management of pages and subpages<\/h2>\n\n\n\n<p id=\"viewer-9wgts25063\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Fast filtering as well as mutual mapping of utilized pages and subpages, allows for quick orientation and navigating to edit relevant components, understanding their hierarchy.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-fed95f4e.png\" alt=\"Pages &amp; Subpages interface updated\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Pages &amp; Subpages interface updated<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Extend dynamic support<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-47yl726223\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>We&#8217;ve introduced dynamic support for color settings across almost all elements. Additionally, the image source specification is now entirely dynamic\u2014you can use both URLs and dynamically reference images previously loaded into the library, including the use of variables and\/or a datasource.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-2f899c1b.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video element<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-ndf4o26976\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>A video element has been added. Currently, it&#8217;s the most basic implementation; later, we&#8217;ll update the list of supported properties and display settings for this element.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-a2a7b8cd.png\" alt=\"Video element\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Actions updates: OnChange, Page Actions, new properties<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-n0p1c27557\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p id=\"viewer-fvrxq28563\">Actions for pages (and subpages) have been added, which can be triggered upon the loading or unloading of a page (subpage).<\/p>\n\n\n\n<p>For all types of events, you can now set a delay in the action execution.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-3cfceb2e.png\" alt=\"Actions updates: OnChange, Page Actions, new properties\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>For elements that imply a change in the value of something (such as sliders, checkboxes, inputs, etc.), onChange actions are available. These actions allow you to trigger any events before or after the value changes, as well as directly manipulate the changing value.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-75d95e4c.png\" alt=\"For elements that imply a change in the value of something (such as sliders, checkboxes, inputs, etc.), onChange actions are available\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>For the digital type action, numerous new options have been added for working with the sent value: momentaries and toggles are now available. Additionally, for the Pulse value type you can configure the delay for value transitions.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-7590b5a2.png\" alt=\"digital action\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image as Icon<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-3x04n29896\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>In all elements where there is an icon specification (for example, a button), you can attach not only an icon available in one of the preinstalled libraries but also use any image. Moreover, this image can be loaded either from the library or dynamically.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-50b360b7.png\" alt=\"Image as Icon\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overlay: Any Click to Close<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-e88eu31002\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>An important option has been added for overlay control: the ability to close the overlay by clicking anywhere on the screen. This is useful for implementing informational pop-ups that do not require user interaction.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-91d7fe2d.png\" alt=\"overlay any click to close\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS &amp; Code Editors updates<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-zzqfc34242\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>We have reformatted the appearance and display settings for code editors used for writing CSS and HTML block code. You can relocate the code edit and also expand it to full screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/01\/Whats-New-in-Version-024-A-Com-5f5d8e10.png\" alt=\"CSS &amp; Code Editors updates\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bugfix &amp; Small improvements<\/h2>\n\n\n\n<p id=\"viewer-9jvih35606\"><strong>&nbsp;UPDATE <\/strong><strong><\/strong><strong> <\/strong><strong>BUGFIX<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fix touch actions in Crestron One<\/li>\n\n\n\n<li>Added border support to many element<\/li>\n\n\n\n<li>Fix bugs with value in multiply circle sliders on the page<\/li>\n\n\n\n<li>More stable functions<\/li>\n\n\n\n<li>Fix deep nested parameters values<\/li>\n\n\n\n<li>Fix action info in sidebar, add ability to edit actions without need to recreate them<\/li>\n\n\n\n<li>Create user profile page<\/li>\n\n\n\n<li>Added background color for toggle widget<\/li>\n\n\n\n<li>Change JSON viewer to the code editor<\/li>\n\n\n\n<li>Added dynamic support to the page BG<\/li>\n\n\n\n<li>Added filtering for the single element generation<\/li>\n\n\n\n<li>Fix show Overlay when subpage is a trigger<\/li>\n\n\n\n<li>Fix element selection in global container<\/li>\n\n\n\n<li>Improved element reposition by drag<\/li>\n\n\n\n<li>Added background blur option for overlay<\/li>\n\n\n\n<li>Added text uppercase option<\/li>\n\n\n\n<li>Added text color to button, text elements<\/li>\n\n\n\n<li>Better image caching<\/li>\n\n\n\n<li>\u2026and many more<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>New Element: Text Input\u00a0NEW A new widget for controlling shades with rich appearance and display settings.HTML block element\u00a0NEW A new element has been introduced allowing you to embed HTML code, including tags, styles, and scripts. For example, in about 30 seconds, you can insert a fully functional web widget for weather, and it will work seamlessly and display on your page.More control over the management of pages and subpages\u00a0NEW Fast filtering as well as mutual mapping of utilized pages and <\/p>\n","protected":false},"author":1,"featured_media":1047,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[25],"class_list":["post-47","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-updates"],"_links":{"self":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":0,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts\/47\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}