function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
anil maligaanil maliga 

i create SAVE,EDIT,DELETE buttons,if click SAVE button and how remaining 2 buttons will hide automatically in visualforce controller?

SandhyaSandhya (Salesforce Developers) 
Hi,

You may use javaScript function to acheive this.

Refer below link which has the sample code for the same.

https://salesforce.stackexchange.com/questions/7729/disable-commandbutton-after-first-click-to-prevent-double-submission
 
https://salesforce.stackexchange.com/questions/7229/using-jquery-to-disable-vf-page-button-onclick
 
https://www.davehelgerson.com/disable-visualforce-button-when-processing-apexactionstatus/
 
Please mark it as solved if my reply was helpful, it will make it available
for others as a proper solution.

Best Regards,
​Sandhya
 
 
anil maligaanil maliga
is this possible to without javascript?
bhanu_prakashbhanu_prakash
Hi Anil 
Mark as best answer, If it resloves !!
use below script  
<apex:page showHeader="false" sidebar="false" lightningStylesheets="true">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <apex:slds/>
    <script type="text/javascript">
        $(document).ready(function() {
        	$('#edit').css('display', 'show');
            $('#delete').css('display', 'show');
        	$('#save').click(function() {
          		$('#edit').toggle();
                $('#delete').toggle();
        	});
      });
    </script>
    <div class="red box">
        <button type="button"  value="save" id="save">Save</button>
        <button type="button" id="edit">edit</button>
        <button type="button" id="delete">Delete</button>
    </div>
</apex:page>

if you need with out code you need to create two record types , one record type need to display all 3 button and another record type contains only one button .

Mark as resloved if it helps :) :)
Thanks, 
Bhanu Prakash
visit ForceLearn.com​​  (https://www.forcelearn.com)

 
mukesh guptamukesh gupta
Hi Anil,

you can hide buttons without javascript , Please follow below code:--
  
<apex:page controller="HideAndShow" sidebar="false" showHeader="false" >
<apex:form >
<p style="font-weight:800; color:#4C0000;">&nbsp;&nbsp;&nbsp;Click the buttons below to experiment Hide and Show.</p>
    
    <apex:pageBlock >
        <apex:commandButton value="Save" action="{!showA}" rendered="{!savebool}" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <apex:commandButton value="Edit" action="{!showB}" rendered="{!editbool}" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <apex:commandButton value="Delete" action="{!ShowC}" rendered="{!delbool}" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       
    </apex:pageBlock>
</apex:form>    
</apex:page>
  
public class HideAndShow {

 public boolean delbool { get; set; }
 public boolean editbool { get; set; }
 public boolean savebool { get; set; }

   
    
    public HideAndShow (){
        savebool = true;
        delbool = true;
        editbool = true;
     }
    
        
    public void showA()
    {
       
        check();
    }
    public void showB()
    {
       
        check();
    }
    public void showC()
    {
       
        check();
    }
    
    
   public void check()
    {
        if(savebool == true )
        {
            delbool = false;
        editbool = false;      }
        
    }    
}
Kindly mark my solution as the best answer if it helps you.

Regards
Mukesh
Akshay_DhimanAkshay_Dhiman
Hi anil maliga.

Try the below code.
  
<apex:page >
    <head>
        <script>
        function showSave()
        {
           ////// up side button 
            document.getElementById('j_id0:j_id2:pb:j_id3:Save').style.display = 'block';
            document.getElementById('j_id0:j_id2:pb:j_id3:Edit').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:Delete').style.display = 'none';
            //////down side button 
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Save').style.display = 'block';
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Edit').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Delete').style.display = 'none';
        }
        function showEdit()
        {
            ////// up side button
            document.getElementById('j_id0:j_id2:pb:j_id3:Edit').style.display = 'block';
            document.getElementById('j_id0:j_id2:pb:j_id3:Save').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:Delete').style.display = 'none';
            //////down side button
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Save').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Edit').style.display = 'block';
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Delete').style.display = 'none';
        }
        function showDelete()
        {
            ////// up side button
            document.getElementById('j_id0:j_id2:pb:j_id3:Delete').style.display = 'block';
            document.getElementById('j_id0:j_id2:pb:j_id3:Edit').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:Save').style.display = 'none';
            //////down side button
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Save').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Edit').style.display = 'none';
            document.getElementById('j_id0:j_id2:pb:j_id3:bottom:Delete').style.display = 'block';
        }
        
        </script>
    </head>
    <apex:form >
        <apex:pageBlock id="pb">
            <apex:pageBlockButtons >
                <apex:commandButton id="Save" title="Save" value="Save" onclick="showSave()"  reRender="false" />
                <apex:commandButton id="Edit" title="Edit" value="Edit"  onclick="showEdit()" reRender="false" />
                <apex:commandButton id="Delete" title="Delete" value="Delete" onclick="showDelete()" reRender="false" />
            </apex:pageBlockButtons>
        </apex:pageBlock>
    </apex:form>
</apex:page>


Please mark as best answer if its helps you.

Thanks.