Hide Submit button

[telepet]

Previously I was able to hide  the Submit button with the following code in the header.  It no longer appears to work.  Perhaps something's been deprecated?

<style>
#Submit 
{
display:none;
}
</style>

 

[kpcollier]

53 minutes ago, telepet said:

Perhaps something's been deprecated?

With the Responsive feature enabled, the ID of the element gets a Unique ID suffix after each load now. This means using just the ID won't work. You have 2 choices:

input[id*="Submit"]{
  display: none;
}

Or use the class:

.cbSubmitButton{
  display: none;
}

 

[Flowers4Algernon]

Hi! I have found a forum post that may be helpful, too: 

 

[telepet]

Thanks Everyone!  

@kpcollier, I added this to my header and it worked.  Thank you!

 

<style>
input[id*="Submit"]{
  display: none;
}
</style>

 

[IamNatoyThatLovesYou]

Hello Every one,

Just providing an additional code here as well. When the submit button is hidden, the values will still be submitted when you hit the enter key. Below is a code to disable it.

<script>

document.addEventListener('BeforeFormSubmit', function(event) {

      event.preventDefault();

});

</script>

[Kronos]

Hi,

Just also want to add this similar forum thread for hiding and disabling update button on a Details page.

 

[IamNatoyThatLovesYou]

Hello Everyone, just sharing a code that may be useful for this conversation. This hides the submit button when clicked/pressed.
 

<script type="text/javascript">

document.addEventListener('DataPageReady', function (event) {

var subbutton= document.querySelector(".cbSubmitButton");
subbutton.unsafe =  function() { subbutton.style.display = "none"; };

 });

</script>