{"id":4776,"date":"2024-07-26T07:28:29","date_gmt":"2024-07-26T07:28:29","guid":{"rendered":"https:\/\/www.aegissofttech.com\/insights\/?p=4776"},"modified":"2025-09-24T11:23:13","modified_gmt":"2025-09-24T11:23:13","slug":"filter-in-dynamiccs-365-ce-canvas-apps","status":"publish","type":"post","link":"https:\/\/www.aegissofttech.com\/insights\/filter-in-dynamiccs-365-ce-canvas-apps\/","title":{"rendered":"Filtering Dynamics 365 CE in Canvas Apps with Option-Sets Tutorial"},"content":{"rendered":"\n

Working with Microsoft Dynamics 365 Customer Engagement (CE)\/Dataverse option sets, or choices, in Canvas Apps can be challenging. These choices are crucial for data consistency and user interface efficiency, but often present hurdles in terms of integration and functionality within apps. One major cause behind this is that the options within an option-set are stored as integer values in the database. To address these challenges and optimize your app\u2019s performance, leveraging Microsoft Dynamics CE can be highly beneficial.<\/p>\n\n\n\n

This blog delves into the specific challenges faced when handling option sets in Canvas Apps, with a focus on filtering a Contact gallery based on the gender of the contact. We will explore both static and dynamic filtering methods, providing practical solutions to streamline your app development process and enhance user experience.<\/p>\n\n\n\n

STEPS for Filtering Dynamics 365 CE in Canvas Apps with Option-Sets<\/strong><\/h2>\n\n\n\n
    \n
  1. To begin with, we just check the available option in the Gender (Contact table) option-set:<\/li>\n<\/ol>\n\n\n\n
    S.No.<\/strong><\/td>Option (Label)<\/strong><\/td>Integer Value<\/strong><\/td><\/tr>
    1<\/td>Male<\/td>1<\/td><\/tr>
    2<\/td>Female<\/td>2<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    \"Dynamics<\/figure>\n\n\n\n

    2<\/strong>. We then navigate to our Canvas-App and get an app ready with a screen, a vertical gallery with its data source being set to Dataverse\u2019s Contact table.<\/p>\n\n\n\n

    3. Static Filtering:<\/strong> In the ITEMS property of the Gallery, we can see that if we begin to write the following formula, it displays the available options in the option-set. In our case, two: Male and Female.<\/p>\n\n\n\n

    \"Dynamics<\/figure>\n\n\n\n

    Suppose we wish to see only the Female contacts. We add the following PowerFX formula to achieve the same.<\/p>\n\n\n\n

    ITEMS<\/strong>  =  Filter(Contacts, Gender = \u2018Gender (Contacts)\u2019.Female<\/strong>)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    We can see the Gallery is filtered to show Female contacts. Similarly, we can do it for the Male ones.<\/p>\n\n\n\n

    \"Dynamics<\/figure>\n\n\n\n

    4. Dynamic Filtering: <\/strong>We now place a Combo-Box control on our Canvas-App screen and make it display the available Gender options in the drop-down, using the simple Power-FX formula:<\/p>\n\n\n\n

      \n
    1. <\/li>\n<\/ol>\n\n\n\n
      ITEMS = <\/strong>Choices(\u2018Gender (Contacts)\u2019)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
      \"Filtering<\/figure>\n\n\n\n

      At this point, our desire is to filter the contacts in the gallery based on the item(s) selected in the Combo-Box. Hence, we update the Items <\/em>property of our Contact Gallery as follows.<\/p>\n\n\n\n

      ITEMS<\/strong>  = Filter(Contacts, Gender in<\/strong> <combo-box name>.SelectedItems)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      Let us test it by selecting MALE option in the combo-box.<\/p>\n\n\n\n

      \"Filtering<\/figure>\n\n\n\n

      And it certainly works for the FEMALE option, and the combination of both options too!<\/p>\n\n\n\n

      CONCLUSION<\/strong><\/h2>\n\n\n\n

      That is how one can develop filtering mechanisms for the choices (option-sets) in the Canvas-Apps. Effectively managing Dynamics 365 CE option sets in Canvas Apps is essential for optimal app performance and user experience. By implementing both static and dynamic filtering methods, one can overcome integration challenges and ensure seamless and efficient functionality across various app scenarios.<\/p>\n\n\n\n

      Read more:<\/strong><\/p>\n\n\n\n