{"id":31241,"date":"2022-03-28T13:38:19","date_gmt":"2022-03-28T08:08:19","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=31241"},"modified":"2022-04-05T14:10:35","modified_gmt":"2022-04-05T08:40:35","slug":"how-to-hide-ribbon-bar-options","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/03\/how-to-hide-ribbon-bar-options\/","title":{"rendered":"How to hide Ribbon Bar options"},"content":{"rendered":"<h2>Introduction:<\/h2>\n<p>Recently we added a PCF Control for our entity which didn\u2019t have any interaction with ribbon bar options. Hence, we wanted to hide the ribbon bar options like commandbar, viewSelector, quickfind and groupby. We achieved this by setting the following properties in ControlManifest file:<\/p>\n<p>cds-data-set-options=&#8221;displayCommandBar:false;displayViewSelector:false;displayQuickFind:false;displayGroupBy:false;&#8221;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31245\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Ribbon-Bar.jpeg\" alt=\"Ribbon Bar\" width=\"1292\" height=\"438\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Ribbon-Bar.jpeg 1292w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Ribbon-Bar-300x102.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Ribbon-Bar-1024x347.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Ribbon-Bar-768x260.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Ribbon-Bar-660x224.jpeg 660w\" sizes=\"(max-width: 1292px) 100vw, 1292px\" \/><\/p>\n<p>Given below is the PCF Control for our grid where you can see images of before and after setting above properties.<\/p>\n<p><strong>Before<\/strong><\/p>\n<p>In this screenshot, we can see the ribbon bar options. Now, we are going to hide the highlighted part.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31248\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3.jpeg\" alt=\"Ribbon Bar\" width=\"1899\" height=\"913\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3.jpeg 1899w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3-300x144.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3-1024x492.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3-768x369.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3-1536x738.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Ribbon-Bar-3-660x317.jpeg 660w\" sizes=\"(max-width: 1899px) 100vw, 1899px\" \/><\/p>\n<p><strong>After<\/strong><\/p>\n<p>As you can see, in this screenshot the above highlighted part is removed.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31243\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar.jpeg\" alt=\"Ribbon Bar\" width=\"1913\" height=\"958\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar.jpeg 1913w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar-300x150.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar-1024x513.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar-768x385.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar-1536x769.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Ribbon-Bar-660x331.jpeg 660w\" sizes=\"(max-width: 1913px) 100vw, 1913px\" \/><\/p>\n<h2><strong>Conclusion<\/strong>:<\/h2>\n<p>With the help of ribbon bar properties like command bar, view selector, quickfind and groupby we can make more space for PCF control.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/product\/productivity-apps\/mailchimp-dynamics-365-crm-integration-marketing-4-dynamics\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone  wp-image-31250\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/m4d-1.jpg\" alt=\"Marketing4Dynamics\" width=\"1244\" height=\"311\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/m4d-1.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/m4d-1-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/m4d-1-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/m4d-1-660x165.jpg 660w\" sizes=\"(max-width: 1244px) 100vw, 1244px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: Recently we added a PCF Control for our entity which didn\u2019t have any interaction with ribbon bar options. Hence, we wanted to hide the ribbon bar options like commandbar, viewSelector, quickfind and groupby. We achieved this by setting the following properties in ControlManifest file: cds-data-set-options=&#8221;displayCommandBar:false;displayViewSelector:false;displayQuickFind:false;displayGroupBy:false;&#8221; Given below is the PCF Control for our grid\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/03\/how-to-hide-ribbon-bar-options\/\">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":[16,18,49,2361],"tags":[2585],"class_list":["post-31241","post","type-post","status-publish","format-standard","hentry","category-dynamics-365","category-dynamics-365-v9-2","category-ribbon-buttons","category-technical","tag-ribbon-bar"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/31241","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=31241"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/31241\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=31241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=31241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=31241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}