{"id":8605,"date":"2014-09-02T20:09:25","date_gmt":"2014-09-02T20:09:25","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=8605"},"modified":"2014-09-02T20:09:25","modified_gmt":"2014-09-02T20:09:25","slug":"avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/","title":{"rendered":"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2"},"content":{"rendered":"<p>Sage CRM client side API methods of Sage CRM 7.2 are very useful to customize Sage CRM screens, layouts etc. In this blog post, we will explain how users can enable <strong>Collapsible Panels<\/strong> feature in Sage CRM v7.2.<br \/>\n<em><span style=\"color: #993300;\"><strong>New Stuff: <\/strong><\/span><\/em><a title=\"Printing current Sage CRM Screens to PDF\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/08\/27\/printing-current-sage-crm-screens-to-pdf\/\" target=\"_blank\">Printing current Sage CRM Screens to PDF<\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #993300;\">Refer our blogs on Sage CRM v7.2 features at the end of this blog<\/span><\/p>\n<p>Let\u2019s consider that you want to apply Collapsible feature for Company Summary screen. On Company Summary screen, below panels are visible.<br \/>\n1) Company<br \/>\n2) Address<br \/>\n3) Phone\/E-Mail<br \/>\n4) Contact<br \/>\nThese panels can be made collapsible with client side API in Sage CRM v7.2. Here are the steps that you need to follow.<br \/>\n1) Login to Sage CRM.<br \/>\n2) Navigate to below path.<br \/>\nAdministration | Customization | Company<br \/>\n3) Navigate to <strong>Screens<\/strong> tab and click on the <strong>CompanyTopContent<\/strong> screen.<br \/>\n4) Copy and Paste below code into the Custom Content section of screen.<br \/>\n&lt;script&gt;<br \/>\ncrm.ready(function ()<br \/>\n{<br \/>\ncrm.collapsiblePanels(true)<br \/>\n})<br \/>\n&lt;\/script&gt;<br \/>\n5) Click on <strong>Save<\/strong> button.<br \/>\nOnce done, navigate to <strong>Company Summary<\/strong> screen and you will find that a new image with <strong>Hyphen\u00a0(\u00a0<\/strong>&#8211;\u00a0<strong>) <\/strong>sign has been added at the right side of each of the Panel. Refer the screenshot below.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-8606\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg\" alt=\"Panel1\" width=\"625\" height=\"370\" \/><\/a><br \/>\nOn clicking of button, you will observe that the respective panels collapse. Refer the screenshot below.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel2.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8607\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel2.jpg\" alt=\"Panel2\" width=\"626\" height=\"156\" \/><\/a><br \/>\nYou will also observe that the same image has been added on other tabs of Company. Refer below screenshot of <strong>Communications<\/strong> tab of Company entity.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel3.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8608\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel3.jpg\" alt=\"Panel3\" width=\"625\" height=\"284\" \/><\/a><br \/>\nIf there are multiple panels on the screen, similar feature can be applied. This way, if user wants to see the last panel, he just needs to click on [+] sign to expand the panel and view the Panel details.<br \/>\n<strong><span style=\"color: #993300;\">Also Read:<\/span><em><br \/>\n<\/em><\/strong>1) <a title=\"Additional Information in Entity Top Content Screens \u2013 Sage CRM v7.2\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/08\/27\/additional-information-in-entity-top-content-screens-sage-crm-v7-2\/\" target=\"_blank\">Additional Information in Entity Top Content Screens \u2013 Sage CRM v7.2<br \/>\n<\/a>2) <a title=\"Add Print Button to Print Entity information in Sage CRM v7.2\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/08\/27\/add-print-button-to-print-entity-information-in-sage-crm-v7-2\/\" target=\"_blank\">Add Print Button to Print Entity information in Sage CRM v7.2<br \/>\n<\/a>3) <a title=\"Display Background Color on Required Fields in Sage CRM v7.2\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/06\/04\/display-background-color-on-required-fields-in-sage-crm-v7-2\/\" target=\"_blank\">Display Background Color on Required Fields in Sage CRM v7.2<br \/>\n<\/a>4)<a title=\"Information and Error Message feature in Sage CRM v7.2\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/06\/14\/information-and-error-message-feature-in-sage-crm-v7-2\/\" target=\"_blank\">\u00a0Information and Error Message feature in Sage CRM v7.2<br \/>\n<\/a>5)\u00a0<a title=\"Features of Outlook integration with SageCRM 7.2\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/07\/12\/features-of-outlook-integration-with-sagecrm-7-2\/\" target=\"_blank\">Features of Outlook integration with SageCRM 7.2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sage CRM client side API methods of Sage CRM 7.2 are very useful to customize Sage CRM screens, layouts etc. In this blog post, we will explain how users can enable Collapsible Panels feature in Sage CRM v7.2. New Stuff: Printing current Sage CRM Screens to PDF Refer our blogs on Sage CRM v7.2 features\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66,83,152,332,336,337,351],"tags":[698,1133,2010,2033,2231,2235],"class_list":["post-8605","post","type-post","status-publish","format-standard","hentry","category-collapse","category-crm72","category-feature","category-sage-crm","category-sage-crm-7-1-sp2","category-sage-crm-7-2","category-screen-sage-crm","tag-collapse","tag-feature","tag-sage-crm","tag-sage-crm-7-2","tag-screen","tag-scroll"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Avoid scrolling with Collapse Screen Feature in Sage CRM7.2 - Sage CRM \u2013 Tips, Tricks and Components<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2 - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Sage CRM client side API methods of Sage CRM 7.2 are very useful to customize Sage CRM screens, layouts etc. In this blog post, we will explain how users can enable Collapsible Panels feature in Sage CRM v7.2. New Stuff: Printing current Sage CRM Screens to PDF Refer our blogs on Sage CRM v7.2 features\u2026 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-02T20:09:25+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg\" \/>\n<meta name=\"author\" content=\"greysagecrm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"greysagecrm\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/\",\"name\":\"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2 - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg\",\"datePublished\":\"2014-09-02T20:09:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\",\"name\":\"Sage CRM \u2013 Tips, Tricks and Components\",\"description\":\"Explore the possibilities with Sage CRM insights through our comprehensive blogs. As a leading Sage partner, Greytrix helps businesses maximize their Sage CRM potential with its rich expertise and immense knowledge. Here, you will find blogs that feature expert advice, tips &amp; tricks, best practices, and comprehensive guides on customizing and configuring Sage CRM for your business. Stay informed with our regular updates and expert insights!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\",\"name\":\"greysagecrm\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g\",\"caption\":\"greysagecrm\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greysagecrm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2 - Sage CRM \u2013 Tips, Tricks and Components","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/","og_locale":"en_US","og_type":"article","og_title":"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2 - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Sage CRM client side API methods of Sage CRM 7.2 are very useful to customize Sage CRM screens, layouts etc. In this blog post, we will explain how users can enable Collapsible Panels feature in Sage CRM v7.2. New Stuff: Printing current Sage CRM Screens to PDF Refer our blogs on Sage CRM v7.2 features\u2026 Read More &raquo;","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2014-09-02T20:09:25+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/","name":"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2 - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg","datePublished":"2014-09-02T20:09:25+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/09\/Panel1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/09\/02\/avoid-scrolling-with-collapse-screen-feature-in-sage-crm7-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Avoid scrolling with Collapse Screen Feature in Sage CRM7.2"}]},{"@type":"WebSite","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/","name":"Sage CRM \u2013 Tips, Tricks and Components","description":"Explore the possibilities with Sage CRM insights through our comprehensive blogs. As a leading Sage partner, Greytrix helps businesses maximize their Sage CRM potential with its rich expertise and immense knowledge. Here, you will find blogs that feature expert advice, tips &amp; tricks, best practices, and comprehensive guides on customizing and configuring Sage CRM for your business. Stay informed with our regular updates and expert insights!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f","name":"greysagecrm","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g","caption":"greysagecrm"},"url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greysagecrm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/8605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/comments?post=8605"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/8605\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=8605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=8605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=8605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}