Freeze the position of buttons in Sage CRM screens

By | August 24, 2017

There is no doubt in the efficiency of Sage CRM in terms of maintaining and managing the data. One of the added feature is the look and feel, the user-friendly UI of all CRM entity’s screen which helps the User to understand data entry functionality quite easily. One of the minor drawback of this UI is, while working on large screens the set of buttons such as Save, Cancel, Help etc.; are fixed to a specific area of the screen. What if these set of buttons move as the screen is scrolled?
New Stuff: How to Exclude Auto-Opportunities created in Sage CRM?
Yes, we can achieve this by using java script where user doesn’t need to scroll up for buttons. To implement this follow the below given steps.
1. Create js file as “FreezeButton.js” and save under the below given path.
“C:\Program Files (x86)\Sage\CRM\<CRMINSTANCE>\WWWRoot\js\custom\ FreezeButton.js”
2.  And paste below given script in to that file.
crm.ready(function()
{
var sButtons = document.getElementById(“RightButtonPanel”);
var att = document.createAttribute(“style”);
att.value = “right: 20px; width: 200px; position: fixed; display: inline;”;
sButtons.setAttributeNode(att);
myClick();
});
function myClick() {
setTimeout(
function()
{
$(‘#RightButtonPanel’).css(‘top’, ”).css(‘left’, ”);
$(“#_icTable”).parent().parent().parent().parent(“table”).css(“width”,”85%”);
}, 500);
}
After adding the Script, screen will appear as shown below.

Also Read:
1. Tips and Tricks about Calling function in Custom Content of Sage CRM 7.2
2. Linked selection fields through client side scripting
3. Workflow Action Screen Customization using Client side scripting
4. Identifying Screen Mode in Client Side API
5. Highlight fields using Client side API in Sage CRM