{"id":12304,"date":"2016-03-18T13:10:55","date_gmt":"2016-03-18T13:10:55","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=12304"},"modified":"2019-04-04T11:55:46","modified_gmt":"2019-04-04T11:55:46","slug":"identifying-screen-mode-in-client-side-api","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/","title":{"rendered":"Identifying Screen Mode in Client Side API"},"content":{"rendered":"

In our earlier posts, we had explained number of Sage CRM Client Side techniques that can be used to customize Sage CRM Screens, Grids, and Fields etc. In this blog, we will explain how to identify the mode of the screen using Client side API method.<\/p>\n

New Stuff:\u00a0<\/em><\/strong>Display Custom Tool tips in Calendar Tab<\/a><\/span><\/p>\n

The two basic modes that we can identify using Client Side code are View and Edit mode.\u00a0Sometimes we come across the scenario of hiding the field or performing some action on View mode (onload of page) or in edit mode of the screen.<\/p>\n

In Sage CRM v7.1sp2 and earlier, we use the method getElementById to detect mode in Client Side code. Refer the sample code below.
\n<SCRIPT>
\nif (window.addEventListener)
\nwindow.addEventListener(“load”, ScreenMode, false)
\nif (window.attachEvent)
\nwindow.attachEvent(“onload”, ScreenMode)
\nfunction ScreenMode ()
\n{
\nvar e=document.getElementById(“comp_name”);
\nif(e)
\n{
\n\/\/Mode is edit
\nelse
\n{
\n\/\/Mode is view
\n}
\n}
\n<\/SCRIPT><\/em><\/p>\n

Now with the introduction of new client side API things have become fairly simple if you are using Javascript or JQuery functions in your program.<\/p>\n

Sage CRM 7.2 Client Side API offers a method to identify the mode of the screen. All we need to do is write a simple code on the custom content of the screen to identify the mode of the screen. Refer the below code.
\n<\/em>
\n<SCRIPT>
\ncrm.ready(function()
\n{
\nvar sMode = crm.fields(“comp_name”).getMode();
\nif (sMode ==”edit”)
\n{
\ncrm.infoMessage(sMode);
\n\/\/\u2019handle your operation in edit mode
\n}
\nelse
\n{
\ncrm.infoMessage(sMode);
\n\/\/\u2019handle your operation in edit mode
\n}
\n}
\n<\/SCRIPT><\/em><\/p>\n

Screenshot 1: Edit Mode Screen<\/strong>
\n\"Edit\"<\/a><\/p>\n

Screenshot 2: View Mode Screen<\/strong><\/p>\n

\"View\"<\/a><\/p>\n

In the above sample code snippet we are considering Company Screen as example and the field name comp_name as the identifying field factor to identify the mode. Similarly you can use other field as example, but ensure the field does exist on the screen.<\/p>\n

About Us<\/strong><\/span>
\nGreytrix a globally recognized Premier Sage Gold Development Partner is a one stop solution provider for Sage ERP and Sage CRM needs. Being recognized and rewarded for multi-man years of experience, we bring complete end-to-end assistance for your technical consultations, product customizations, data migration, system integrations, third party add-on development and implementation expertise.<\/p>\n

Greytrix<\/a>\u00a0has some unique integration solutions for Sage CRM with Sage ERPs (Sage Enterprise Management (Sage X3<\/a>),\u00a0Sage Intacct<\/a>, Sage 100<\/a>,\u00a0Sage 500<\/a>\u00a0and\u00a0Sage 300<\/a>).We also offer best-in-class\u00a0Sage ERP<\/a> and Sage CRM<\/a> customization and development services\u00a0to\u00a0Business\u00a0Partners,\u00a0End\u00a0Users and Sage PSG worldwide. Greytrix\u00a0helps in\u00a0migrating of Sage CRM from Salesforce | ACT! | SalesLogix | Goldmine | Sugar CRM | Maximizer<\/a>. Our Sage CRM Product Suite includes Greytrix Business Manager<\/a>, Sage CRM Project Manager<\/a>, Sage CRM Resource Planner<\/a>, Sage CRM Contract Manager<\/a>, Sage CRM Event Manager<\/a>, Sage CRM Budget Planner<\/a>, Gmail Integration<\/a>, Sage CRM Mobile Service Signature<\/a> and Sage CRM CTI Framework<\/a>.<\/p>\n

Greytrix is a recognized Sage Rockstar ISV Partner<\/a> for GUMU™ Sage Enterprise Management \u2013 Sage CRM integration also listed on Sage Marketplace<\/a>.<\/p>\n

For more information on our integration solutions, please contact us at\u00a0sage@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n","protected":false},"excerpt":{"rendered":"

In our earlier posts, we had explained number of Sage CRM Client Side techniques that can be used to customize Sage CRM Screens, Grids, and Fields etc. In this blog, we will explain how to identify the mode of the screen using Client side API method. New Stuff:\u00a0Display Custom Tool tips in Calendar Tab The\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12304","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nIdentifying Screen Mode in Client Side API - 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\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Identifying Screen Mode in Client Side API - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"In our earlier posts, we had explained number of Sage CRM Client Side techniques that can be used to customize Sage CRM Screens, Grids, and Fields etc. In this blog, we will explain how to identify the mode of the screen using Client side API method. New Stuff:\u00a0Display Custom Tool tips in Calendar Tab The\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-18T13:10:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-04T11:55:46+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.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=\"3 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\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/\",\"name\":\"Identifying Screen Mode in Client Side API - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg\",\"datePublished\":\"2016-03-18T13:10:55+00:00\",\"dateModified\":\"2019-04-04T11:55:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Identifying Screen Mode in Client Side API\"}]},{\"@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":"Identifying Screen Mode in Client Side API - 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\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/","og_locale":"en_US","og_type":"article","og_title":"Identifying Screen Mode in Client Side API - Sage CRM \u2013 Tips, Tricks and Components","og_description":"In our earlier posts, we had explained number of Sage CRM Client Side techniques that can be used to customize Sage CRM Screens, Grids, and Fields etc. In this blog, we will explain how to identify the mode of the screen using Client side API method. New Stuff:\u00a0Display Custom Tool tips in Calendar Tab The\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2016-03-18T13:10:55+00:00","article_modified_time":"2019-04-04T11:55:46+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/","name":"Identifying Screen Mode in Client Side API - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg","datePublished":"2016-03-18T13:10:55+00:00","dateModified":"2019-04-04T11:55:46+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/03\/Edit-1024x316.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/03\/18\/identifying-screen-mode-in-client-side-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Identifying Screen Mode in Client Side API"}]},{"@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\/12304","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=12304"}],"version-history":[{"count":2,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12304\/revisions"}],"predecessor-version":[{"id":21940,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12304\/revisions\/21940"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=12304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=12304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=12304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}