{"id":33865,"date":"2023-01-26T15:07:32","date_gmt":"2023-01-26T09:37:32","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=33865"},"modified":"2023-01-25T15:18:50","modified_gmt":"2023-01-25T09:48:50","slug":"exploring-power-apps-ideas-preview-feature-in-canvas-app-designer","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2023\/01\/exploring-power-apps-ideas-preview-feature-in-canvas-app-designer\/","title":{"rendered":"Exploring Power Apps Ideas (PREVIEW) feature in Canvas App Designer"},"content":{"rendered":"<p>It is common knowledge that while developing any canvas app we need to use many functions like sorting, filtering, etc. Here, we need to know the Power Fx formulae to apply any sorting or filtering on the controls.<\/p>\n<p>For example, there is a Gallery control, if we want to filter the records in the gallery we need to use the Power Fx formula with proper syntax. Let\u2019s assume, we wanted to filter Account records to show only the top 10 records.<\/p>\n<p>Here with the Power Fx formula, we need to follow the below syntax:<\/p>\n<ul>\n<li><strong>FirstN(Accounts, 10)<\/strong><\/li>\n<\/ul>\n<p>But this Power Fx formula and syntaxes are a little complex to remember at all times. So, Microsoft has made things easier for developers where we can write the formulae with simple natural language which will transform them into Power Fx formulae. For the above example, we can also write the syntax in natural language as:<\/p>\n<ul>\n<li><strong>top 10 accounts<\/strong><\/li>\n<\/ul>\n<p>To use this natural language feature, we need to enable the <strong>Power Apps ideas.<\/strong><\/p>\n<p><strong>Let\u2019s check out the steps.<\/strong><\/p>\n<p>First, open the <strong>Canvas App -&gt; <\/strong>Click on <strong>Settings -&gt; Upcoming features -&gt;<\/strong> Turn on <strong>Enable Ideas panel <\/strong>as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33875\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/1Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"1364\" height=\"600\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/1Canvas-App-Designer.jpeg 1364w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/1Canvas-App-Designer-300x132.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/1Canvas-App-Designer-1024x450.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/1Canvas-App-Designer-768x338.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/1Canvas-App-Designer-660x290.jpeg 660w\" sizes=\"(max-width: 1364px) 100vw, 1364px\" \/><\/p>\n<p>Once enabled, we will be able to see the <strong>Ideas<\/strong> tab on the Control\/Component as you can see on the Gallery Control.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33874\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/2Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"311\" height=\"321\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/2Canvas-App-Designer.jpeg 311w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/2Canvas-App-Designer-291x300.jpeg 291w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/p>\n<p>We can use the following Power Apps Ideas for the below control\/components:<\/p>\n<ul>\n<li>Gallery<\/li>\n<li>Data table<\/li>\n<li>Text box<\/li>\n<li>Dropdown<\/li>\n<li>Combo box<\/li>\n<li>Text label<\/li>\n<\/ul>\n<p>You can get more information on the same at this <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-apps\/maker\/canvas-apps\/power-apps-ideas-transform\" target=\"_blank\" rel=\"noopener\">link<\/a>.<\/p>\n<p><strong>Let\u2019s take some examples where we can write formulae in natural language:<\/strong><\/p>\n<p><strong>Example 1:<\/strong><\/p>\n<p><strong>Let\u2019s see how to apply a filter on the search box using Power Apps Ideas.<\/strong><\/p>\n<p>Once we have added the list screen, the user may find that the search box is a sample text box without any functionality added to it as seen below<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33873\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/3Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"193\" height=\"195\" \/><\/p>\n<p>Select the Gallery and in the idea tab, we will be able to find the text box where the user has to provide the Ideas.<\/p>\n<p>1. In the text box add the statement as you usually type in normal text language. i.e. \u201c<strong>search &#8216;Accounts&#8217; where either &#8216;Address 1: ZIP\/Postal Code&#8217; or &#8216;Account Name&#8217; contains TextSearchBox1<\/strong>\u201d as shown below. Above, we are telling that the Account is the table and we need to find the resulting form <strong>&#8216;Address 1: ZIP\/Postal Code&#8217; <\/strong>and <strong>&#8216;Account Name <\/strong>once the user has provided the input in the search box.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33872\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/4Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"313\" height=\"319\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/4Canvas-App-Designer.jpeg 313w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/4Canvas-App-Designer-294x300.jpeg 294w\" sizes=\"(max-width: 313px) 100vw, 313px\" \/><\/p>\n<p>2. Once we click on <strong>Get ideas<\/strong>, it will provide the appropriate result that the user is looking for as displayed below<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33871\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/5Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"309\" height=\"335\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/5Canvas-App-Designer.jpeg 309w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/5Canvas-App-Designer-277x300.jpeg 277w\" sizes=\"(max-width: 309px) 100vw, 309px\" \/><\/p>\n<p>3. Click on apply and the Power FX formula will be applied to gallery control automatically as follows<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33870\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/6Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"741\" height=\"525\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/6Canvas-App-Designer.jpeg 741w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/6Canvas-App-Designer-300x213.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/6Canvas-App-Designer-660x468.jpeg 660w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/p>\n<p>4. Run the app and search for the account name or postal code that you want to display in the list<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33869\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/7Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"328\" height=\"191\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/7Canvas-App-Designer.jpeg 328w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/7Canvas-App-Designer-300x175.jpeg 300w\" sizes=\"(max-width: 328px) 100vw, 328px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33868\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/8Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"333\" height=\"187\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/8Canvas-App-Designer.jpeg 333w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/8Canvas-App-Designer-300x168.jpeg 300w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/p>\n<p><strong>Example 2:<\/strong><\/p>\n<p>1. Let\u2019s say we want to change the format of the \u2018<strong>CreatedOn<\/strong>\u2019 field (Date and time) from \u201c<strong>m\/d\/yyyy <\/strong>\u201cto \u201c<strong>mmmm\/d\/yyyy<\/strong>\u201d. For that right click on the <strong>CreatedOn<\/strong> label -&gt; <strong>Show ideas<\/strong> -&gt; <strong>Text formatting<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33867\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/9Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"531\" height=\"359\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/9Canvas-App-Designer.jpeg 531w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/9Canvas-App-Designer-300x203.jpeg 300w\" sizes=\"(max-width: 531px) 100vw, 531px\" \/><\/p>\n<p>2. Now we can see that the Ideas panel is showing the current format of the <strong>created <\/strong>date field. To change the format, enter the example <strong>April 14, 2022, <\/strong>in the <strong>Desired format <\/strong>field and click on the This will automatically generate the formula that we are looking for as visible in the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33866\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/10Canvas-App-Designer.jpeg\" alt=\"Canvas App Designer\" width=\"597\" height=\"595\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/10Canvas-App-Designer.jpeg 597w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/10Canvas-App-Designer-300x300.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/10Canvas-App-Designer-150x150.jpeg 150w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><\/p>\n<p>3. Click on Apply and this expression will be applied to the whole gallery as shown below<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33876\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/11-canvas-app.jpeg\" alt=\"\" width=\"329\" height=\"335\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/11-canvas-app.jpeg 329w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/11-canvas-app-295x300.jpeg 295w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/p>\n<h2><strong>Conclusion <\/strong><\/h2>\n<p>In this way, we can write many such formulae in the natural language that will be transformed into Power Apps Fx in the Canvas App application designer using Power Apps Ideas<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/services\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full wp-image-33839\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/Microsoft-Power-Platform-3.png\" alt=\"Canvas App Designer\" width=\"800\" height=\"200\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/Microsoft-Power-Platform-3.png 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/Microsoft-Power-Platform-3-300x75.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/Microsoft-Power-Platform-3-768x192.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/01\/Microsoft-Power-Platform-3-660x165.png 660w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It is common knowledge that while developing any canvas app we need to use many functions like sorting, filtering, etc. Here, we need to know the Power Fx formulae to apply any sorting or filtering on the controls. For example, there is a Gallery control, if we want to filter the records in the gallery\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2023\/01\/exploring-power-apps-ideas-preview-feature-in-canvas-app-designer\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1954],"tags":[2666],"class_list":["post-33865","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","tag-canvas-app-designer"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/33865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=33865"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/33865\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=33865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=33865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=33865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}