{"id":13939,"date":"2017-03-16T06:19:34","date_gmt":"2017-03-16T06:19:34","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=13939"},"modified":"2020-06-22T13:40:50","modified_gmt":"2020-06-22T13:40:50","slug":"mask-a-text-field-into-time-format-mmss-using-jquery","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/","title":{"rendered":"Mask a Text Field into Time Format (MM:SS) using jQuery"},"content":{"rendered":"

As we all know, SAGE CRM<\/strong><\/a> provides different types of field\u2019s such as Selection, Multi-select, Search Select Advanced, checkbox, Textbox, multiline text, Currency, Integer, decimal, etc. so that we can input our data as required, but in CRM there is no provision to input values in time format. Using jQuery you can easily achieve the same. JQuery has taken up the Sage CRM customization to the higher level as it has wide range of built in functions as well as its syntax. In this blog, I will explain how to change input behaviour of a simple text field into time format i.e. in MM:SS (Minutes: Seconds) by using jQuery.<\/p>\n

New Stuff: <\/strong><\/em>Migrate Case from Salesforce to Sage CRM<\/span><\/a><\/span><\/p>\n

One of our clients came up with the requirement to make such a text field in which user can capture the overall call duration in the form minutes and seconds. With the help of jQuery functionality we had successfully implemented client\u2019s requirement. Below is the screen shot for your reference of exactly what we are going to achieve in this blog –<\/p>\n

<\/p>


\n\"Text<\/a>

<\/p>\n

<\/font><\/p><\/center>

<\/p>\n

<\/p>\n

<\/p>

Text Field with Time Format<\/i><\/font><\/center>

<\/p>\n

<\/p>\n

Follow the below steps to convert the text field into time format – <\/p>\n

1. One way is to download the masking code from the URL “https:\/\/digitalbush.com\/wp-content\/uploads\/2013\/01\/jquery.maskedinput-1.3.1.min_.js ” and save the code as your new js Page (say jQueryPage.js) at below path InstalledDrive\\ Program Files (x86)\\ Sage\\ CRM\\ <InstanceName> \\ WWWRoot\\ CustomPages\\ Script<\/p>\n

2. Other way is by giving page reference SRC as \u201chttp:\/\/digitalbush.com\u2026\u201d in Custom Content of your data entry screen. For example, Case entry screen. Refer below screen shot for your reference.<\/p>\n\n\n

\n\"Javascript<\/a>\n\n
Javascript Code snippet 1<\/i><\/center><\/font><\/p><\/figure>\n\n\n

3. If you are going with the first step then call the js page created in first step in the Custom Content of your data entry screen. For example, Case entry screen. Refer below screen shot for your reference.<\/p>\n\n\n

\n\"Javascript<\/a>\n\n
Javascript Code Snippet – 2<\/i><\/center><\/font><\/p><\/figure>\n\n\n

Once you are done with above steps, jQuery utility will apply the masking feature as MM:SS on respective text field. After applying this, it will allow only numeric values to be entered as input. As shown in the given screenshot.<\/p>\n

<\/p>\n

<\/p>


\n\"Time<\/a>

<\/p>\n

<\/font><\/p>\n

<\/p>\n

<\/p><\/center>

<\/p>\n

<\/p>\n

<\/p>

Time value in MM:SS format<\/i><\/font><\/center>

<\/p>\n

<\/p>\n

In this way, you can easily mask text field into time format. Similarly, you can also mask text field into Date format as well by replacing \u201c99:99\u201d<\/strong> to \u201c99\/99\/9999\u201d <\/strong>in custom content code. You can use different date formats like  dd\/mm\/yyyy or dd-mm-yyyy. Refer the below code for your reference.<\/p>\n

                                   $(\u201c#case_ticketcallduration\u201d).mask(\u201999\/99\/9999\u2032);<\/strong><\/p>\n

A beautiful functionality by jQuery mechanism. Enjoy Scripting..!!<\/p>\n

About Us<\/strong><\/span>
Greytrix<\/a> 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> has some unique integration solutions for Sage CRM with Sage ERPs (Sage Enterprise Management (Sage X3<\/a>), Sage Intacct<\/a>, Sage 100<\/a>, Sage 500<\/a> and Sage 300<\/a>).We also offer best-in-class Sage ERP<\/a> and Sage CRM<\/a> customization and development services to Business Partners, End Users and Sage PSG worldwide. Greytrix helps in migrating 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 sage@greytrix.com<\/a>. We will be glad to assist you.<\/p>","protected":false},"excerpt":{"rendered":"

As we all know, SAGE CRM provides different types of field\u2019s such as Selection, Multi-select, Search Select Advanced, checkbox, Textbox, multiline text, Currency, Integer, decimal, etc. so that we can input our data as required, but in CRM there is no provision to input values in time format. Using jQuery you can easily achieve the\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":[332,268,401,1],"tags":[1141,1575,2434],"class_list":["post-13939","post","type-post","status-publish","format-standard","hentry","category-sage-crm","category-onchangescript","category-text-sage-crm","category-uncategorized","tag-field-masking-in-sage-crm","tag-mask-a-text-field-into-time-format-mmss-using-jquery","tag-text-field-masking-using-jquery"],"yoast_head":"\nMask a Text Field into Time Format (MM:SS) using jQuery - 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\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mask a Text Field into Time Format (MM:SS) using jQuery - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"As we all know, SAGE CRM provides different types of field\u2019s such as Selection, Multi-select, Search Select Advanced, checkbox, Textbox, multiline text, Currency, Integer, decimal, etc. so that we can input our data as required, but in CRM there is no provision to input values in time format. Using jQuery you can easily achieve the\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-16T06:19:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-22T13:40:50+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.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\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/\",\"name\":\"Mask a Text Field into Time Format (MM:SS) using jQuery - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.jpg\",\"datePublished\":\"2017-03-16T06:19:34+00:00\",\"dateModified\":\"2020-06-22T13:40:50+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mask a Text Field into Time Format (MM:SS) using jQuery\"}]},{\"@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":"Mask a Text Field into Time Format (MM:SS) using jQuery - 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\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/","og_locale":"en_US","og_type":"article","og_title":"Mask a Text Field into Time Format (MM:SS) using jQuery - Sage CRM \u2013 Tips, Tricks and Components","og_description":"As we all know, SAGE CRM provides different types of field\u2019s such as Selection, Multi-select, Search Select Advanced, checkbox, Textbox, multiline text, Currency, Integer, decimal, etc. so that we can input our data as required, but in CRM there is no provision to input values in time format. Using jQuery you can easily achieve the\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2017-03-16T06:19:34+00:00","article_modified_time":"2020-06-22T13:40:50+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.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\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/","name":"Mask a Text Field into Time Format (MM:SS) using jQuery - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.jpg","datePublished":"2017-03-16T06:19:34+00:00","dateModified":"2020-06-22T13:40:50+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/03\/IMG001.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/03\/16\/mask-a-text-field-into-time-format-mmss-using-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Mask a Text Field into Time Format (MM:SS) using jQuery"}]},{"@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\/13939","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=13939"}],"version-history":[{"count":3,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/13939\/revisions"}],"predecessor-version":[{"id":24251,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/13939\/revisions\/24251"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=13939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=13939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=13939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}