{"id":4658,"date":"2024-03-12T00:00:00","date_gmt":"2024-03-12T00:00:00","guid":{"rendered":"https:\/\/www.avgator.com\/post\/exploring-the-enhanced-features-of-version-0-28-dynamic-classnames-environments-and-more"},"modified":"2024-03-12T00:00:00","modified_gmt":"2024-03-12T00:00:00","slug":"exploring-the-enhanced-features-of-version-028-dynamic-classnames-environments-and-more","status":"publish","type":"post","link":"https:\/\/content.avgator.com\/?p=4658","title":{"rendered":"Exploring the Enhanced Features of Version 0.28: Dynamic Classnames, Environments, and More"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Added support for dynamic classnames<\/h2>\n\n\n\n<p id=\"viewer-i840o2306\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p id=\"viewer-dygf338599\">We have added the ability to assign dynamic CSS classes to any element on your page. This allows you to change the appearance of elements using not only built-in settings but also custom CSS styles.<\/p>\n\n\n\n<p>You can assign as many classes as you want separated by a space.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-3b6fcb17.png\" alt=\"Dynamic CSS classnames for any element\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Dynamic CSS classnames for any element<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Environments<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-kiba138801\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>We are pleased to introduce our new feature, Environments. Now, each project can have multiple environments, each storing specific settings that can be used in various scenarios. For example, different connection settings to the processor that you can use at your workplace as well as for final testing on the client&#8217;s hardware. It&#8217;s easy to switch between environments both during interface creation and when selecting them for building. When changing the active environment in the page editor, the live preview instantly applies all the current settings you have selected.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crestron processor auth token support<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-s4ygb39174\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>We have implemented support for authorization tokens for connecting to processors. This allows us to avoid redirects during authentication.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-c2638d5f.png\" alt=\"Crestron processor auth token support\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Variables Side Effects<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-t7nsz40156\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Now you have the ability to react to changes in variable values. In the event of a variable change, you can create as many actions as needed. This can include actions to send any type of signal, assign a variable, change a page, or anything else necessary to implement your scenario.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-e9f960fd.png\" alt=\"Updated variables table\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Updated variables table<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-558adcef.png\" alt=\"Variables side effects form\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Variables side effects form<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dynamic subpage inside overlay<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-3iq1041025\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Now, when opening the overlay you can specify the page that should appear in it dynamically. This allows us to implement various interface logic within a single element as part of an action.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-d3d5ee6b.png\" alt=\"Call overlay by subpage name\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Call overlay by subpage name<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video element updated: new options and HLS support<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-ik4sr41980\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>The video element has been significantly enhanced. It now includes extended settings for controlling the display of player interface elements as well as support for the new format: HLS.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-62ccae7a.png\" alt=\"Updated video element \"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Updated video element<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New action type: Run Function<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-710lm267\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>We have introduced the ability to create an action that allows you to execute any JavaScript function you have previously created. This action can be applied to any element.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Exploring-the-Enhanced-Feature-7122f21f.png\" alt=\"Function runner\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Function runner<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bugfix &amp; Small improvements<\/h2>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-9jvih35606\"><strong>&nbsp;UPDATE <\/strong><strong>&nbsp;<\/strong><strong>&nbsp;<\/strong><strong>BUGFIX<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Better behavior for text input element, slider, circle slider, toggle, checkbox, switch.<\/li>\n\n\n\n<li>Fix Button element pressed state styles<\/li>\n\n\n\n<li>Update fullscreen editors (html block, css)<\/li>\n\n\n\n<li>Back routing doesn&#8217;t trigger action if actually no back page exist<\/li>\n\n\n\n<li>Click on image allow open overlay<\/li>\n\n\n\n<li>Better webxpanel initialization method, webxpanel updated to latest version<\/li>\n\n\n\n<li>Fix bugs on touch click events<\/li>\n\n\n\n<li>Fix bugs when sometimes overlay cannot be closed<\/li>\n\n\n\n<li>Stop execute actions from list elements while it scrolling<\/li>\n\n\n\n<li>Edit action form bug with representing wrong initial data<\/li>\n\n\n\n<li>Click event may triggered twice on iOS &#8211; fixed<\/li>\n\n\n\n<li>Fix project clone process<\/li>\n\n\n\n<li>Improve page\/subpage search<\/li>\n\n\n\n<li>Improve subpage search whet setting up a route action<\/li>\n\n\n\n<li>Live session isolation: one per login instance<\/li>\n\n\n\n<li>Fixed unresponsive field while editing assigned dataset<\/li>\n\n\n\n<li>Fixed: Color field doesn&#8217;t show current color value (text element for example)<\/li>\n\n\n\n<li>Fixed: Dpad keep working when disabled<\/li>\n\n\n\n<li>Fixed: Circle slider send wrong value when ends with zero and using fraction<\/li>\n\n\n\n<li>Add project clone progress indicator<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Discover the exciting new features of Version 0.28, including dynamic classnames and multiple environments for SaaS. Explore the enhanced capabilities now!<\/p>\n","protected":false},"author":1,"featured_media":1019,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[25],"class_list":["post-4658","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\/4658","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=4658"}],"version-history":[{"count":0,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts\/4658\/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=4658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}