Disable custom button on detail page on some condition..?

Question

I have custom button on standard detail page...I want to disable that button/gray out if my status picklist value is "Approved". Java script on button click

var newRecords = []; 
 var o = new sforce.SObject("Opportunity"); 
  o.id ="{!Opportunity.Id}"; 
   if ( o.Sub_Stage__c == 'Approved')
   {
     // disbale button
   }

Can some tell me how to do this..

Answer 1

Being able to show/hide buttons on a page layout in response to the record field values was the subject of a cloudspokes challenge.

Here's a link to a solution (not mine!) that utilises the Salesforce sidebar to host the javascript that manipulates the button. Note that this won't work for Service Cloud Console as the sidebar doesn't get displayed:

http://www.tehnrd.com/show-and-hide-buttons-on-page-layouts/

Answer 2

I dont think it is possible to do so.

However, what you could possibly do is that, if you are using record types, add one more record type as "Approved". As the o.Sub_Stage__c field changes to Approved, change the record type to "Approved" (may need to write a trigger/workflow field update for this) and assign the page layout for this record type with the button hidden on this page layout.

May not be a straightforward solution but i hope this helps.

Here's an IDEA similar to your requirement:

Answer 3

You can call a javascript function on status picklist's onChange event and in that function you can check wheter status value is 'Approved' and based on that you can disable that button/gray out that through CSS.