Create a New Submit button and hide the original one from my Submission Form

[Watusi]

I would like to hide the Submit button on my Submission Form and create a new submit button in my website where the DataPage is deployed. I was able to hide the Submit button on my Submission Form by adding an HTML block and using this code:

<style>
.cbSubmitButton{
   display: none !important;
}
</style>

Meanwhile, on my website, I used the following code for the new Submit button:

<input type="submit" name="Submit" value="Submit" class="newSBstyle">

 

Unfortunately, this new Submit button doesn't work. I'm thinking that I'm missing some JavaScript code for my Submission Form to be submitted upon clicking my new Submit button.

Does anyone know how to do this?

[AtayBalunbalunan]

Hi Watusi, if you have just one DataPage deployed in your website page, you can add this script in your DataPage's Footer:

<script type="text/javascript">
	function submitCBForm() {
		document.getElementById("caspioform").submit();
	}
</script>

 

Then, add onclick="submitCBForm()" in your new Submit button to execute the script for submitting the form.

Your new button's code can look like this: 

<input type="submit" name="Submit" value="Submit" class="newSBstyle" onclick="submitCBForm()"> 

 

[Watusi]

Thank you, AtayBalunbalunan. This solution works. 

18 minutes ago, AtayBalunbalunan said:

Hi Watusi, if you have just one DataPage deployed in your website page, you can add this script in your DataPage's Footer:

<script type="text/javascript">
	function submitCBForm() {
		document.getElementById("caspioform").submit();
	}
</script>

 

Then, add onclick="submitCBForm()" in your new Submit button to execute the script for submitting the form.

Your new button's code can look like this: 

<input type="submit" name="Submit" value="Submit" class="newSBstyle" onclick="submitCBForm()"> 

 

 

[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>