{"id":163,"date":"2009-07-03T09:00:00","date_gmt":"2009-07-03T09:00:00","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=163"},"modified":"2009-07-03T09:00:00","modified_gmt":"2009-07-03T09:00:00","slug":"split-standard-field-in-parts-with-autotab-functionality-too","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/","title":{"rendered":"Split Standard field in Parts..with AutoTab functionality too…"},"content":{"rendered":"<\/p>\n

For example:<\/strong> In CRM<\/strong> if you want to save mobile number,<\/strong> what you will do is, you will create a field<\/strong> for saving value<\/strong> of the mobile number<\/strong>. Now on an entry screen<\/strong> we can add this field<\/strong> in order to enter<\/strong> and save<\/strong> the value. The value will be saved in the mobile number field<\/strong> at the back-end without any problem. Now suppose on screen<\/strong> you want this field<\/strong> to appear as splitted in three different parts<\/strong> as shown below.<\/p>\n

<\/p>\n

\"\"<\/a>
So in this case, how will you create the fields<\/strong> for mobile number<\/strong> and save<\/strong> the values? One thing we can do here is we can grab<\/strong> the data part<\/strong> for this particular field<\/strong> on entry screen<\/strong> from custom content onload event<\/strong>. Now replace this data part<\/strong> by the custom created<\/strong> simple HTML<\/strong> fields<\/strong> as shown above. Now, standard save button<\/strong> will not work and we need to write our routine<\/strong> on onclick<\/strong> event of the save button<\/strong>. Here when user clicks on save button<\/strong> we need to collect the values from the above created 3 custom html fields<\/strong> and combine<\/strong> them to get an entire mobile number<\/strong> that can be saved in mobile number field at back-end and then you can submit the page to save the value.<\/p>\n

Suppose, you want to navigate<\/strong> through these three parts of the mobile number field<\/strong> by using Tab<\/strong> and Shift+Tab<\/strong> buttons then you can make use of the following function on your client side code.<\/p>\n

function HandleOnKeyUpTabNextFocus(ctlstart, max, ctlNext)
{
var lcobj=new String(ctlstart.value);<\/p>\n

if(lcobj.length==max && (event.keyCode!=16 event.keyCode!=9))
{
ctlNext.focus();
}
if(event.keyCode==16 event.keyCode==9)
{
ctlstart.focus();
ctlstart.select();
}
}<\/em><\/p>\n

You just need to call this function on OnKeyUp<\/strong> event of your HTML field<\/strong>. Here the first parameter ctl start<\/strong> will be the current field that can be referred by using keyword this<\/strong>, second parameter is max<\/strong> which is maximum length<\/strong> and third parameter is ctlNext<\/strong> which will be the name of field<\/strong> to which we want to move to after pressing Tab<\/strong> button. Here if the contents of the field exceeds the maximum length<\/strong> set above the cursor<\/strong> will automatically move to next field<\/strong>.<\/p>\n

If you find this useful, Please drop us a mail on crm@greytrix.com<\/a>. <\/b><\/marquee><\/p>\n","protected":false},"excerpt":{"rendered":"

For example: In CRM if you want to save mobile number, what you will do is, you will create a field for saving value of the mobile number. Now on an entry screen we can add this field in order to enter and save the value. The value will be saved in the mobile number\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":[1138],"class_list":["post-163","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-field"],"yoast_head":"\nSplit Standard field in Parts..with AutoTab functionality too... - 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\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Split Standard field in Parts..with AutoTab functionality too... - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"For example: In CRM if you want to save mobile number, what you will do is, you will create a field for saving value of the mobile number. Now on an entry screen we can add this field in order to enter and save the value. The value will be saved in the mobile number\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2009-07-03T09:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.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\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/\",\"name\":\"Split Standard field in Parts..with AutoTab functionality too... - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.JPG\",\"datePublished\":\"2009-07-03T09:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#primaryimage\",\"url\":\"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.JPG\",\"contentUrl\":\"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.JPG\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Split Standard field in Parts..with AutoTab functionality too…\"}]},{\"@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":"Split Standard field in Parts..with AutoTab functionality too... - 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\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/","og_locale":"en_US","og_type":"article","og_title":"Split Standard field in Parts..with AutoTab functionality too... - Sage CRM \u2013 Tips, Tricks and Components","og_description":"For example: In CRM if you want to save mobile number, what you will do is, you will create a field for saving value of the mobile number. Now on an entry screen we can add this field in order to enter and save the value. The value will be saved in the mobile number\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2009-07-03T09:00:00+00:00","og_image":[{"url":"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.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\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/","name":"Split Standard field in Parts..with AutoTab functionality too... - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#primaryimage"},"thumbnailUrl":"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.JPG","datePublished":"2009-07-03T09:00:00+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#primaryimage","url":"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.JPG","contentUrl":"http:\/\/1.bp.blogspot.com\/_A6_b0zkYeSY\/Sk3KO1UWhnI\/AAAAAAAAAdI\/orYLjQItJik\/s400\/untitled.JPG"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2009\/07\/03\/split-standard-field-in-parts-with-autotab-functionality-too\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Split Standard field in Parts..with AutoTab functionality too…"}]},{"@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\/163","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=163"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}