Align field data to Right Hand Side on Edit and Summary Screen

By | February 23, 2017

Hello All! In previous blogs, we had seen that how we can make our SAGE CRM screens and grids more visually effective by applying JAVASCRIPT, JQuery, HTML, etc. like by highlighting checkboxes, underlining to column header, printing amount in words, and others. Here, we will see how we can align field data to Right Hand Side of screen using JQuery.

New Stuff: Make better business decisions with consolidated insights of your accounting & customer information using GUMU™ integration for Sage CRM with Sage 50 US

We were asked by one of our customer to set the value of particular field to the RHS while making entries and after saving the same. To achieve this we applied the JQuery style.textAlign and float property which is explained in below steps.

Step 1:
Prepare a custom page (e.g. Case.js) and give the reference of the same in Custom Content of the required screen.
Step 2:
Write the below code in the custom page.
if(document.getElementById(“case_customerref”))  // Code for Edit Mode
                        document.getElementById(“case_customerref”).style.textAlign = “right”;
            else if(document.getElementById(“_HIDDENcase_customerref”))  // Code for View Mode – Summary
                        $(‘#_Datacase_customerref’).attr(‘style’,’ float:right;’);
                        $(‘#_Datacase_customerref’).closest(“td”).width(’80px’);  // Set the width as per screen
Step 3:
After saving the code, “style.textAlign” property aligns the data to RHS on Edit/New screen and “attr(‘style’,’ float:right;’)” on Summary screen. See the effect in below snapshots.

Happy Scripting..!!

About Us
Greytrix 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.

Greytrix has some unique integration solutions for Sage CRM with Sage ERPs (Sage Enterprise Management (Sage X3), Sage Intacct, Sage 100Sage 500 and Sage 300).We also offer best-in-class Sage ERP and Sage CRM 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. Our Sage CRM Product Suite includes Greytrix Business Manager, Sage CRM Project Manager, Sage CRM Resource Planner, Sage CRM Contract Manager, Sage CRM Event Manager, Sage CRM Budget Planner, Gmail Integration, Sage CRM Mobile Service Signature and Sage CRM CTI Framework.

Greytrix is a recognized Sage Rockstar ISV Partner for GUMU™ Sage Enterprise Management – Sage CRM integration also listed on Sage Marketplace.

For more information on our integration solutions, please contact us at We will be glad to assist you.