{"id":4971,"date":"2017-04-11T17:54:25","date_gmt":"2017-04-11T12:24:25","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=4971"},"modified":"2017-04-11T17:54:25","modified_gmt":"2017-04-11T12:24:25","slug":"controls-in-dynamics-365-for-mobile-app-option-set","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2017\/04\/controls-in-dynamics-365-for-mobile-app-option-set\/","title":{"rendered":"Controls in Dynamics 365 for Mobile App: Option Set"},"content":{"rendered":"<p style=\"text-align: justify;\"><img decoding=\"async\" class=\"aligncenter  wp-image-4979\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App-Option-Set.png\" alt=\"Controls in Dynamics 365 for Mobile App - Option Set\" width=\"816\" height=\"459\" \/><\/p>\n<p style=\"text-align: justify;\">In our previous blogs of the \u2018Controls in Dynamics 365 for Mobile App\u2019 series, we discussed <a href=\"https:\/\/www.inogic.com\/blog\/2017\/02\/controls-in-dynamics-365-for-mobile-app-input-mask\/\" target=\"_blank\" rel=\"noopener noreferrer\">Input Mask<\/a>, <a href=\"https:\/\/www.inogic.com\/blog\/2017\/02\/controls-in-dynamics-365-for-mobile-app-multimedia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Multimedia<\/a>, <a href=\"https:\/\/www.inogic.com\/blog\/2017\/02\/controls-in-dynamics-365-for-mobile-app-website-preview\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website Preview<\/a>, <a href=\"https:\/\/www.inogic.com\/blog\/2017\/02\/controls-in-dynamics-365-for-mobile-app-auto-complete\/\" target=\"_blank\" rel=\"noopener noreferrer\">Auto-Complete<\/a>, and <a href=\"https:\/\/www.inogic.com\/blog\/2017\/03\/controls-in-dynamics-365-for-mobile-app-star-rating\/\" target=\"_blank\" rel=\"noopener noreferrer\">Star Rating<\/a> controls. Star Rating control allows users to add star ratings on entity records to rate it on a scale of 1 to 5 in Dynamics 365 Mobile and Tablet app. \u00a0Today, let us discuss Option Set control.<\/p>\n<p style=\"text-align: justify;\"><strong>What is Option Set Control and how it can help users?<\/strong><\/p>\n<p style=\"text-align: justify;\">Option Set control can be used to show two to three options in an interactive button format in the Dynamics 365 Mobile and Tablet app. This is helpful if the user wants to display option set with two to three options like \u2018Gender\u2019 on a record in Dynamics 365 app.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\"><strong><em>Note: We can use this control for any option set. However, only upto three options will be shown on the Mobile App.<\/em><\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\"><strong>Let us see an example to understand Option Set control:<\/strong><\/p>\n<p style=\"text-align: justify;\">In this example, we will add this new Option set control on a Contact entity for \u2018Gender\u2019 field.<\/p>\n<ol start=\"1\">\n<li style=\"text-align: justify;\">Navigate to Settings &gt; Customizations and select the entity in which you want to add the Option Set control.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li style=\"text-align: justify;\">Open the entity form and select the \u2018Gender\u2019 option set type of field to add Option Set control as seen in the screenshot below;<\/li>\n<\/ol>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App1.jpg\"><img decoding=\"async\" class=\"wp-image-4962  aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App1.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"565\" height=\"501\" \/><\/a><\/p>\n<ol start=\"3\">\n<li style=\"text-align: justify;\">Go to the \u2018Field Properties.&#8217; Select the Controls tab and click on \u2018Add Control\u2019 as shown in the screenshot below;<\/li>\n<\/ol>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App2.jpg\"><img decoding=\"async\" class=\"wp-image-4963  aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App2.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"552\" height=\"676\" \/><\/a><\/p>\n<ol start=\"4\">\n<li style=\"text-align: justify;\">Select the \u2018Option Set\u2019 control to add the control on the field as shown in the screenshot below;<\/li>\n<\/ol>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App3.jpg\"><img decoding=\"async\" class=\"wp-image-4964  aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App3.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"421\" height=\"389\" \/><\/a><\/p>\n<ol start=\"5\">\n<li style=\"text-align: justify;\">Enable the \u2018Option Set\u2019 control for Phone and Tablet as seen in the screenshot below;<\/li>\n<\/ol>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App4.jpg\"><img decoding=\"async\" class=\"wp-image-4965 size-full aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App4.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"530\" height=\"654\" \/><\/a><\/p>\n<ol start=\"6\">\n<li style=\"text-align: justify;\">Click on \u2018Save\u2019 and \u2018Publish\u2019 the entity form changes. Now, login to Dynamics 365 Mobile and Tablet app and open the \u2018Contact\u2019 entity record.<\/li>\n<\/ol>\n<ol start=\"6\">\n<ol>\n<ol start=\"7\">\n<li style=\"text-align: justify;\">You can now see the options in button format. Here, selected option is displayed with Cinnabar Red color and unselected options are shown with Grey color buttons as seen in the screenshot below;<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App5.jpg\"><img decoding=\"async\" class=\"wp-image-4966 aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App5.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"330\" height=\"532\" \/><\/a><\/p>\n<ol start=\"6\">\n<ol start=\"6\">\n<ol>\n<ol start=\"8\">\n<li style=\"text-align: justify;\">\u2018Option Set\u2019 control is only limited to displaying 3 options on the mobile client. For example, the \u2018Marital Status\u2019 field that has four options available on the web as shown in the screenshot below;<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<\/ol>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App6.jpg\"><img decoding=\"async\" class=\"wp-image-4967 size-full aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App6.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"451\" height=\"144\" \/><\/a><\/p>\n<ol start=\"6\">\n<ol start=\"6\">\n<ol>\n<ol start=\"9\">\n<li style=\"text-align: justify;\">However, on the mobile app only first three options will be displayed. If the value of this field happened to be the 4<sup>th<\/sup> one stored for the record already, all the three options displayed would appear grayed out with the fourth option will not be displayed on the mobile app as seen in the screenshot below:<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<\/ol>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App7.jpg\"><img decoding=\"async\" class=\"wp-image-4968 size-full aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App7.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"326\" height=\"579\" \/><\/a><\/p>\n<p style=\"padding-left: 30px;\">\u00a0 This gives the impression that none of the values have been selected.<\/p>\n<ol start=\"6\">\n<ol start=\"6\">\n<ol>\n<ol start=\"10\">\n<li style=\"text-align: justify;\">If we try to select a new option from the first three options on the mobile client, then it will show an error message as seen in the screenshot below.<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<\/ol>\n<p style=\"padding-left: 30px;\">\u00a0 This error message is displayed for the first time when you click on the options on the record entity in the mobile app.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App8.jpg\"><img decoding=\"async\" class=\"wp-image-4969 size-full aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App8.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"343\" height=\"654\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"padding-left: 30px;\">\u00a0 Try selecting once again and you will be allowed to save the new selection \ud83d\ude42<\/p>\n<ol start=\"6\">\n<ol start=\"6\">\n<ol>\n<ol start=\"11\">\n<li style=\"text-align: justify;\">If the option saved for this record had been one of the 3 options being displayed on the mobile client, it would appear selected correctly as shown in the below screenshot<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<\/ol>\n<p style=\"padding-left: 30px;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App9.jpg\"><img decoding=\"async\" class=\"wp-image-4970 size-full aligncenter\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Controls-in-Dynamics-365-for-Mobile-App9.jpg\" alt=\"Controls in Dynamics 365 for Mobile App\" width=\"341\" height=\"610\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Conclusion:<\/strong><\/p>\n<p style=\"text-align: justify;\">Currently, it is best to use this control only if you have option sets with up to 3 options only as it doesn\u2019t seem to support for more1 than 3 options.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/appsource.microsoft.com\/en-us\/product\/dynamics-365\/inogic.f6f3c73f-29de-4fa8-a396-87ea8a07b6c4\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-5007 \" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2017\/04\/Marketing-Banner-3.jpg\" alt=\"\" width=\"784\" height=\"97\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our previous blogs of the \u2018Controls in Dynamics 365 for Mobile App\u2019 series, we discussed Input Mask, Multimedia, Website Preview, Auto-Complete, and Star Rating controls. Star Rating control allows users to add star ratings on entity records to rate it on a scale of 1 to 5 in Dynamics 365 Mobile and Tablet app.\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2017\/04\/controls-in-dynamics-365-for-mobile-app-option-set\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":4964,"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":[16,40],"tags":[342],"class_list":["post-4971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dynamics-365","category-mobile-controls","tag-controls-in-dynamics-365-for-mobile-app"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/4971","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=4971"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/4971\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media\/4964"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=4971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=4971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=4971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}