{"id":13423,"date":"2016-11-21T07:27:34","date_gmt":"2016-11-21T07:27:34","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=13423"},"modified":"2016-11-21T07:27:34","modified_gmt":"2016-11-21T07:27:34","slug":"how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/","title":{"rendered":"How to modify Field\u2019s Caption and Data box alignment in Sage CRM?"},"content":{"rendered":"

As we all know Sage CRM<\/a> is considered to be an easily customizable software solution as per the client needs. The standard CRM <\/a>solution itself allows many easy ways to make the customization whereas, it also supports Client Side Scripting to achieve the same.<\/p>\n

New Stuff:\u00a0<\/em><\/strong>Business Manager in Sage CRM<\/a><\/span><\/span><\/p>\n

The field\u2019s arrangement in standard CRM<\/a> is done as shown below, where the field\u2019s caption and its data entry box are parallel to each other.
\n\"Img2\"<\/a>
\nBut recently, one of our Client had a requirement to design a screen as a Form entry page; where the field caption and the data entry box will be adjacent to each other. This requirement was not feasible in standard CRM<\/a>. And thus to achieve the same, we applied a client side script.<\/p>\n

Add the below code in a js file and call it on custom content of the screen where you want to apply the changes –<\/p>\n

<script><\/em>
\ncrm.ready(<\/em>
\nfunction AlignFields()<\/em>
\n{<\/em>
\n if(document.getElementsByClassName(“CONTENT”))<\/em>
\n { <\/em>
\n $(‘.CONTENT br’).replaceWith(‘ ‘);<\/em>
\n } <\/em>
\n if($(‘.CONTENT’))<\/em>
\n { <\/em>
\n $(‘.CONTENT br’).replaceWith(‘ ‘); <\/em>
\n } <\/em>
\n})<\/em>
\n<\/script><\/em><\/p>\n

After applying the script, screen will look as shown below –
\n\"Img1\"<\/a>
\nFor the script to make the changes, make sure that all the fields on the screen are separated with a space as per the standard settings.
\nAlso Read:<\/em><\/strong><\/span>
\n1.<\/strong> Adding Report Button on Opportunity Pipeline using JAVASCRIPT<\/a>
\n2.<\/strong> JavaScript to print Amount (In Words)<\/a>
\n3.<\/strong> Calling Javascript function from Workflow progress screen<\/a>
\n4.<\/strong> JavaScript to Calculate days difference between dates (Duration)<\/a>
\n5.<\/strong> Run the External JavaScript file in 64-bit Operating system<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

As we all know Sage CRM is considered to be an easily customizable software solution as per the client needs. The standard CRM solution itself allows many easy ways to make the customization whereas, it also supports Client Side Scripting to achieve the same. New Stuff:\u00a0Business Manager in Sage CRM The field\u2019s arrangement in standard\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":[98,111,155,169,201,204,332,342,351,352,375,401,1,426],"tags":[659,686,687,1144,1368,1477],"class_list":["post-13423","post","type-post","status-publish","format-standard","hentry","category-customization","category-default","category-fields","category-grids","category-jquery","category-js-file","category-sage-crm","category-sage-crm7-3","category-screen-sage-crm","category-script","category-spaces","category-text-sage-crm","category-uncategorized","category-visibility","tag-changing-fields-alignment","tag-client-side-script","tag-client-side-scripting","tag-fields-alignment","tag-how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm","tag-js-file"],"yoast_head":"\nHow to modify Field\u2019s Caption and Data box alignment in Sage CRM? - 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\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to modify Field\u2019s Caption and Data box alignment in Sage CRM? - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"As we all know Sage CRM is considered to be an easily customizable software solution as per the client needs. The standard CRM solution itself allows many easy ways to make the customization whereas, it also supports Client Side Scripting to achieve the same. New Stuff:\u00a0Business Manager in Sage CRM The field\u2019s arrangement in standard\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-21T07:27:34+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.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=\"1 minute\" \/>\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\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/\",\"name\":\"How to modify Field\u2019s Caption and Data box alignment in Sage CRM? - 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\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg\",\"datePublished\":\"2016-11-21T07:27:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to modify Field\u2019s Caption and Data box alignment in Sage CRM?\"}]},{\"@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":"How to modify Field\u2019s Caption and Data box alignment in Sage CRM? - 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\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/","og_locale":"en_US","og_type":"article","og_title":"How to modify Field\u2019s Caption and Data box alignment in Sage CRM? - Sage CRM \u2013 Tips, Tricks and Components","og_description":"As we all know Sage CRM is considered to be an easily customizable software solution as per the client needs. The standard CRM solution itself allows many easy ways to make the customization whereas, it also supports Client Side Scripting to achieve the same. New Stuff:\u00a0Business Manager in Sage CRM The field\u2019s arrangement in standard\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2016-11-21T07:27:34+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/","name":"How to modify Field\u2019s Caption and Data box alignment in Sage CRM? - 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\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg","datePublished":"2016-11-21T07:27:34+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/11\/Img2-1024x239.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/11\/21\/how-to-modify-fields-caption-and-data-box-alignment-in-sage-crm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"How to modify Field\u2019s Caption and Data box alignment in Sage CRM?"}]},{"@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\/13423","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=13423"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/13423\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=13423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=13423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=13423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}