Hide and show a custom button on a standard detailed page

Question

We have 2 custom buttons on a standard lead detailed page. I would like to show one button and hide another button on page load using javascript by querying the lead and finding a value in one text box field. The logic is if the textbox value is null, we want to show one custom button which has its own javascript code, else we will hide the custom buttton and show another one with its own javascript code. Is this possible and if so how do we do this? Buyan

Answer 1

You might be able to do this with a sidebar JS hack, but that's not my realm of expertise.

Declaratively, you could have the null/non-null values of the text field trigger workflow that changes the Lead Record Type and assign different page layouts to the two record types that are identical except for their respective buttons.

Answer 2

You can create a VF page that has some custom javascript at the top of it. This is much better than the sidebar hack imo, since the JS only gets loaded on the lead page.

A snippet of something you might do:

<apex:page standardController="Lead">
    <c:jQuery jqueryVersion="1.7.2"/>
    <script type="text/javascript">
        /* <![CDATA[ */
        // Please use jquery or some other js library you are comfortable with
        $j(document).ready(function() {
            if ({!hideButtonOne}) {
                $j("#idOfButtonOne").hide();
            } else {
                $j("#idOfButtonTwo").hide();
            }
        });
        /* ]]> */
    </script>

    <apex:detail />
</apex:page>

Answer 3

One option is to use a workflow field update to update the record type on the lead object. You could then use page layout assignments to show or hide the button.

This wouldn't be as dynamic as your thinking with JavaScript, but would be much simpler to implement.