Dashboard<\/title><\/p>\n<style type=\"text\/css\">HTML { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #6699cc; SCROLLBAR-SHADOW-COLOR: #6699cc; SCROLLBAR-ARROW-COLOR: #6699cc; SCROLLBAR-TRACK-COLOR: #e3efff } <\/style>\n<script type=\"text\/javascript\"> \/\/function will set the height and width of the iframe <\/strong> function calcHeightWidth() { <\/span>\/\/initialize variables <\/strong>var main_height = null; var main_width = null; var height = null; var width = null;<\/p>\n\/\/ for all except Explorer<\/strong> if (self.innerHeight) { main_height = self.innerHeight; main_width = self.innerWidth; \/\/ Explorer 6 Strict Mode<\/strong> } else if (document.documentElement && document.documentElement.clientHeight) { main_width = document.documentElement.clientWidth; main_height = document.documentElement.clientHeight; <\/span>\/\/ other Explorers <\/strong>} else if (document.body) { main_height = document.body.clientHeight; main_width = document.body.clientWidth; } <\/span>\/\/set final height and width <\/strong>height = main_height + 'px'; width = main_width + 'px';<\/p>\n\/\/change the height of the iframe<\/strong> document.getElementById('dashboardframe').style.height=height; document.getElementById('dashboardframe').style.width=width; } <\/script> <\/head> <body onload=\"calcHeightWidth();\" onresize=\"calcHeightWidth();\" leftmargin=\"0\" topmargin=\"0\" > <\/p>\n<form id=\"form1\"><\/p>\n<div id=\"MainFrame\" style=\"overflow:auto;\"><iframe id=\"dashboardframe\" visible=\"true\" frameborder=\"0\" src=\"<\/span><a href=\"http:\/\/crm-srv-01\/reportserver?%2FCRM+Accelerator+Dashboards%2FSales+Manager+Dashboard&rs:Command=Render,menu=no&rc:Parameters=False;\">http:\/\/crm-srv-01\/reportserver?%2fCRM+Accelerator+Dashboards%2fSales+Manager+Dashboard&rs:Command=Render,menu=no&rc:Parameters=False;<\/span><\/a>” > <\/iframe><\/div>\n <\/form>\n<\/body><\/html> <\/span> After creating page, add this page under \u201d\/ISV\/NewFolder\u201d location in the CRM web root.<\/p>\n<\/span>2) Change URL of Dashboard subarea to be: <\/strong>\/\/Here we set the location of custom page <subArea Id=\"Dashboard\" Title=\"Dashboard\" Url=\"\/ISV\/NewFolder\/DBpage.aspx\" Icon=\"\/_imgs\/bar_bottom_ico_reports.gif\" \/><\/p>\n3) Clear the browser history and do iisreset to apply the changes and see the result as shown in below screen shot.<\/strong><\/span> <\/span> <a href=\"http:\/\/3.bp.blogspot.com\/_pMlyDuF-ngc\/S40FqDKTZ5I\/AAAAAAAAAVk\/UQ5G3QfMJ1s\/s1600-h\/DB.jpg\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/3.bp.blogspot.com\/_pMlyDuF-ngc\/S40FqDKTZ5I\/AAAAAAAAAVk\/UQ5G3QfMJ1s\/s400\/DB.jpg\" border=\"0\"><\/span><\/a> <\/span><\/p>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"The CRM Dashboard accelerator released displays Dashboards in its Workplace. However there is one issue with it, that being that it does not provide scrollbars to scroll through the page to view all the available charts on the screen. In this blog we have describe how to add the scrollbar for this report page. For\u2026 <a href=\"https:\/\/www.inogic.com\/blog\/2010\/03\/how-to-add-scroll-bar-to-crm-dashboard-accelerator\/\">Read More »<\/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":[19],"tags":[481,1558],"class_list":["post-151","post","type-post","status-publish","format-standard","hentry","category-dynamics-crm","tag-dashboards","tag-scroll-bar"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/151","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=151"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":151,"date":"2010-03-02T12:31:00","date_gmt":"2010-03-02T07:01:00","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=151"},"modified":"2010-03-02T12:31:00","modified_gmt":"2010-03-02T07:01:00","slug":"how-to-add-scroll-bar-to-crm-dashboard-accelerator","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2010\/03\/how-to-add-scroll-bar-to-crm-dashboard-accelerator\/","title":{"rendered":"How to add scroll bar to CRM Dashboard accelerator"},"content":{"rendered":"

The CRM Dashboard accelerator released displays Dashboards in its Workplace. However there is one issue with it, that being that it does not provide scrollbars to scroll through the page to view all the available charts on the screen. <\/p>\n

In this blog we have describe how to add the scrollbar for this report page.<\/p>\n

For this we need to do some changes in the \u201csitemap\u201d file and add one custom page with iframe control.<\/p>\n

Steps are:<\/strong>
<\/span>1) Create the custom page (DBpage.aspx) with following code.
<\/span><\/strong>

Dashboard<\/title><\/p>\n<style type=\"text\/css\">HTML { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #6699cc; SCROLLBAR-SHADOW-COLOR: #6699cc; SCROLLBAR-ARROW-COLOR: #6699cc; SCROLLBAR-TRACK-COLOR: #e3efff } <\/style>\n<script type=\"text\/javascript\"> \/\/function will set the height and width of the iframe <\/strong> function calcHeightWidth() { <\/span>\/\/initialize variables <\/strong>var main_height = null; var main_width = null; var height = null; var width = null;<\/p>\n\/\/ for all except Explorer<\/strong> if (self.innerHeight) { main_height = self.innerHeight; main_width = self.innerWidth; \/\/ Explorer 6 Strict Mode<\/strong> } else if (document.documentElement && document.documentElement.clientHeight) { main_width = document.documentElement.clientWidth; main_height = document.documentElement.clientHeight; <\/span>\/\/ other Explorers <\/strong>} else if (document.body) { main_height = document.body.clientHeight; main_width = document.body.clientWidth; } <\/span>\/\/set final height and width <\/strong>height = main_height + 'px'; width = main_width + 'px';<\/p>\n\/\/change the height of the iframe<\/strong> document.getElementById('dashboardframe').style.height=height; document.getElementById('dashboardframe').style.width=width; } <\/script> <\/head> <body onload=\"calcHeightWidth();\" onresize=\"calcHeightWidth();\" leftmargin=\"0\" topmargin=\"0\" > <\/p>\n<form id=\"form1\"><\/p>\n<div id=\"MainFrame\" style=\"overflow:auto;\"><iframe id=\"dashboardframe\" visible=\"true\" frameborder=\"0\" src=\"<\/span><a href=\"http:\/\/crm-srv-01\/reportserver?%2FCRM+Accelerator+Dashboards%2FSales+Manager+Dashboard&rs:Command=Render,menu=no&rc:Parameters=False;\">http:\/\/crm-srv-01\/reportserver?%2fCRM+Accelerator+Dashboards%2fSales+Manager+Dashboard&rs:Command=Render,menu=no&rc:Parameters=False;<\/span><\/a>” > <\/iframe><\/div>\n <\/form>\n<\/body><\/html> <\/span> After creating page, add this page under \u201d\/ISV\/NewFolder\u201d location in the CRM web root.<\/p>\n<\/span>2) Change URL of Dashboard subarea to be: <\/strong>\/\/Here we set the location of custom page <subArea Id=\"Dashboard\" Title=\"Dashboard\" Url=\"\/ISV\/NewFolder\/DBpage.aspx\" Icon=\"\/_imgs\/bar_bottom_ico_reports.gif\" \/><\/p>\n3) Clear the browser history and do iisreset to apply the changes and see the result as shown in below screen shot.<\/strong><\/span> <\/span> <a href=\"http:\/\/3.bp.blogspot.com\/_pMlyDuF-ngc\/S40FqDKTZ5I\/AAAAAAAAAVk\/UQ5G3QfMJ1s\/s1600-h\/DB.jpg\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/3.bp.blogspot.com\/_pMlyDuF-ngc\/S40FqDKTZ5I\/AAAAAAAAAVk\/UQ5G3QfMJ1s\/s400\/DB.jpg\" border=\"0\"><\/span><\/a> <\/span><\/p>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"The CRM Dashboard accelerator released displays Dashboards in its Workplace. However there is one issue with it, that being that it does not provide scrollbars to scroll through the page to view all the available charts on the screen. In this blog we have describe how to add the scrollbar for this report page. For\u2026 <a href=\"https:\/\/www.inogic.com\/blog\/2010\/03\/how-to-add-scroll-bar-to-crm-dashboard-accelerator\/\">Read More »<\/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":[19],"tags":[481,1558],"class_list":["post-151","post","type-post","status-publish","format-standard","hentry","category-dynamics-crm","tag-dashboards","tag-scroll-bar"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/151","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=151"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}