{"id":9181,"date":"2014-11-26T06:34:17","date_gmt":"2014-11-26T06:34:17","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=9181"},"modified":"2014-11-26T06:34:17","modified_gmt":"2014-11-26T06:34:17","slug":"change-default-appearance-of-notification-area-in-sage-crm-7-2","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/","title":{"rendered":"Change default appearance of Notification Area in Sage CRM 7.2"},"content":{"rendered":"

Sage CRM is very much capable to implement various business solutions with a simple tricks. We have already posted several blogs regarding style sheet in CRM where we can achieve different business needs with simple configurations. In this blog I will explain how to change default appearance of Notification area in Sage CRM 7.2
\nNew Stuff:<\/strong><\/em><\/span>\u00a0 Bring Sage ERP X3 data to Sage CRM using GUMU<\/a>
\nAs we know Sage CRM 7.2 has more attractive user interface and look and feel than its earlier version. Regarding Notification area it has been shifted from Main frame to upper part of CRM. May be the idea was not to disturb user while working.
\nWhile working on Sage CRM, I came across one strange but interesting requirement from one of our client where he needs some UI related changes at Notification area. Basically his concept was to highlight that portion in such manner so that user will not lose his\/her focus from the same.
\nI was thinking whether this can be achieved via simple solution or do I need to do apply custom CSS. Finally I found a very nice and simple trick which served my purpose. I followed below mentioned steps and changed default appearance of Notification area.
\n1) By using debugging properties of Internet Explorer browser, I find out which CSS id is getting apply on this particular area. The CSS id name is \u201cNotificationsDiv<\/strong>\u201d.
\n2) Go to your Sage CRM root directory. \u201cWWWRoot\\Themes<\/strong>\u201d.
\n3) Select appropriate CSS file out of three CSS files. (For this you need to check value of field \u201cPreferred Theme<\/strong>\u201d in preference Tab) In my case it was \u201cSage<\/strong>\u201d and for this particular theme, Sage CRM applies \u201ccolor1.css<\/strong>\u201d
\n4) Open this file and find \u201cNotificationsDiv<\/strong>\u201d and changed value of property \u201cbackground-color<\/strong>\u201d. In my case I set hex value of red color as per client specify by client. Refer below screenshot.
\n\"Notification\"<\/a>
\nAlso Read:<\/strong><\/em><\/span>
\n1) Managing FCK Editor\u2019s behavior with SageCRM Style sheet<\/a>
\n2) Get impressive PDF Reports by adjusting Report Styles in Sage CRM \u2013 Part 2<\/a>
\n3) Selecting multiple fields using Client Side API<\/a>
\n4) Opportunity Funnel in Sage CRM 2014 R2<\/a>
\n5) Standard Sage CRM reports with custom styling<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Sage CRM is very much capable to implement various business solutions with a simple tricks. We have already posted several blogs regarding style sheet in CRM where we can achieve different business needs with simple configurations. In this blog I will explain how to change default appearance of Notification area in Sage CRM 7.2 New\u2026 Read More »<\/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":[73,261,332,351,352,1],"tags":[740,1682,2142,2231,2232],"class_list":["post-9181","post","type-post","status-publish","format-standard","hentry","category-configuration","category-notifications-sage-crm","category-sage-crm","category-screen-sage-crm","category-script","category-uncategorized","tag-configuration","tag-notifications","tag-sage-crm7-2","tag-screen","tag-script"],"yoast_head":"\nChange default appearance of Notification Area in Sage CRM 7.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\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Change default appearance of Notification Area in Sage CRM 7.2 - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Sage CRM is very much capable to implement various business solutions with a simple tricks. We have already posted several blogs regarding style sheet in CRM where we can achieve different business needs with simple configurations. In this blog I will explain how to change default appearance of Notification area in Sage CRM 7.2 New\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-26T06:34:17+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.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\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/\",\"name\":\"Change default appearance of Notification Area in Sage CRM 7.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\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.jpg\",\"datePublished\":\"2014-11-26T06:34:17+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Change default appearance of Notification Area in Sage CRM 7.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 & 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":"Change default appearance of Notification Area in Sage CRM 7.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\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/","og_locale":"en_US","og_type":"article","og_title":"Change default appearance of Notification Area in Sage CRM 7.2 - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Sage CRM is very much capable to implement various business solutions with a simple tricks. We have already posted several blogs regarding style sheet in CRM where we can achieve different business needs with simple configurations. In this blog I will explain how to change default appearance of Notification area in Sage CRM 7.2 New\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2014-11-26T06:34:17+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.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\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/","name":"Change default appearance of Notification Area in Sage CRM 7.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\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.jpg","datePublished":"2014-11-26T06:34:17+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/11\/Notification-1024x326.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/11\/26\/change-default-appearance-of-notification-area-in-sage-crm-7-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Change default appearance of Notification Area in Sage CRM 7.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 & 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\/9181","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=9181"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/9181\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=9181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=9181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=9181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}