{"id":46,"date":"2024-08-07T00:00:00","date_gmt":"2024-08-07T00:00:00","guid":{"rendered":"https:\/\/www.avgator.com\/post\/version-1-0-community-templates"},"modified":"2024-08-07T00:00:00","modified_gmt":"2024-08-07T00:00:00","slug":"version-10-introducing-exciting-new-updates-in-avstudio-version-10-community-templates","status":"publish","type":"post","link":"https:\/\/content.avgator.com\/?p=46","title":{"rendered":"Version 1.0 | Introducing Exciting New Updates in AVstudio Version 1.0 | Community templates"},"content":{"rendered":"\n<p>We are excited to introduce the latest updates in AVstudio, bringing you new features and improvements that will enhance your design experience. This version includes <strong>community templates<\/strong>, <strong>new design options<\/strong> like Shadow and Reflect, support for <strong>custom fonts<\/strong>, and various usability enhancements such as <strong>better hotkeys<\/strong> and the ability to <strong>switch between element modes<\/strong> by name. Additionally, <strong>performance optimizations<\/strong> and <strong>bug fixes<\/strong> ensure a smoother workflow. These updates are designed to provide you with more creative options and streamline your projects.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Community templates<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-5dutm2469\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p id=\"viewer-127qs2477\">The first free community template is available in <a target=\"_blank\" href=\"https:\/\/avstudio.app\/\" rel=\"noreferrer noopener\"><u>AVstudio<\/u><\/a>. Feel free to clone these projects and reuse or modify them any way you want.<\/p>\n\n\n\n<p>We plan to regularly add new templates, so stay in touch to not miss new stunning, free-to-use AV GUI templates!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-68f3ad68.avif\" alt=\"Community templates\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Community templates<\/p>\n\n\n\n<p>Try it yourself by following the <a href=\"https:\/\/avgatordemo5luxecontrolsuite.netlify.app\/\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a>!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design option: Shadow<\/h3>\n\n\n\n<p class=\"has-background has-medium-font-size\" id=\"viewer-gq8rd3313\" style=\"background-color:#ffffff\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Shadow introduces a subtle, elevated look to your elements, creating a sense of depth. This design option enhances visual hierarchy and can make your elements stand out more effectively.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-3c25780b.avif\" alt=\"shadow\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design option: Reflect<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-tp6r63709\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Reflect allows you to create mirrored versions of your elements with just a few clicks. This can be particularly useful for design symmetry and creating visually balanced layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-1c0e6698.avif\" alt=\"Reflect allows you to create mirrored versions of your elements with just a few clicks. This can be particularly useful for design symmetry and creating visually balanced layouts.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom Fonts<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-nw00l4193\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p id=\"viewer-3fjom4205\">Upload and use beautiful custom fonts everywhere you need to impress your customers!<\/p>\n\n\n\n<p>Fonts can be attached from element settings or by using custom project CSS.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-9d445961.gif\" alt=\"Upload and use beautiful custom fonts everywhere you need to impress your customers!\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-d5b7292c.avif\" alt=\"Fonts can be attached from element settings or by using custom project CSS.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Switch between element mode by name<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-btcqr5424\"><strong>&nbsp;UPDATE<\/strong><\/p>\n\n\n\n<p>You can now switch between element modes by using their names directly, making the design process more intuitive and streamlined.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-ac1c15df.avif\" alt=\"Switch between element mode by name\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Better Hotkeys<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-gn1s76403\"><strong>&nbsp;UPDATE<\/strong><\/p>\n\n\n\n<p id=\"viewer-ftel16421\">Add hotkeys for quick copy\/paste of elements. This works <strong>even between projects<\/strong>, but for now, it does not include associated data like datasets, attached functions, nested subpages, etc. Deep copy will be available later.<\/p>\n\n\n\n<p id=\"viewer-3o2hn6440\">Current available hotkeys are:<\/p>\n\n\n\n<p>ctrl\/cmd + shift + z (redo)<\/p>\n\n\n\n<p>ctrl\/cmd + c (copy)<\/p>\n\n\n\n<p>ctrl\/cmd + v (paste)<\/p>\n\n\n\n<p>ctrl\/cmd + s (save)<\/p>\n\n\n\n<p>ctrl\/cmd + z (undo)<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-d719ceb0.avif\" alt=\"Better Hotkeys \"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Double click to edit text fast<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-qs41r8442\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>You can double-click on text and button elements to open a text editor modal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Override global project theme vars<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-me5p19017\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Take control of project variables such as colors, backgrounds, and more. In the near future, the list of available overrides will be expanded.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-f444bec4.avif\" alt=\"Take control of project variables such as colors, backgrounds, and more. In the near future, the list of available overrides will be expanded.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Functions: AVgator\u00ae project methods info<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-jvff110899\"><strong>&nbsp;UPDATE<\/strong><\/p>\n\n\n\n<p>You can now access a variety of built-in functions directly through the Window object. These include methods for data manipulation, element control, sending and listening to events, page flips, and more.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-2c220710.avif\" alt=\"Functions: AVgator project methods info\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Large list loading optimization<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-esf7o12943\"><strong>&nbsp;UPDATE<\/strong><\/p>\n\n\n\n<p>Now you can easily handle a large number of elements on one page without any performance issues.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Added keypad design options for colors, backgrounds and gaps<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-ur76r18270\"><strong>&nbsp;UPDATE<\/strong><\/p>\n\n\n\n<p>Keypad design options have become more flexible.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-8c1718c0.avif\" alt=\"Keypad elements have become more flexible.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Post-processing functions<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-o5a7y18848\"><strong>&nbsp;NEW<\/strong><\/p>\n\n\n\n<p>Post-processing functions let you apply effects and modifications to element values to alter the result. For example, based on a signal or string variable&#8217;s value, you can calculate and return the proper element&#8217;s mode index (or name) using some logic.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Version-10-Introducing-Exciti-4f5e10d1.avif\" alt=\"Post-processing functions let you apply effects and modifications to element values to alter the result\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image Sizing<\/h3>\n\n\n\n<p class=\"has-medium-font-size\" id=\"viewer-45cim20683\"><strong>BUGFIX<\/strong><\/p>\n\n\n\n<p>There were sizing issues with image elements and inside elements where images were used (such as in the shades widget). Sometimes, images were larger than expected and did not fit the container. This issue has been fixed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AVstudio Community templates are available now!<\/p>\n","protected":false},"author":1,"featured_media":29509,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[25],"class_list":["post-46","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\/46","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=46"}],"version-history":[{"count":0,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts\/46\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/media\/29509"}],"wp:attachment":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}