How to create a custom submit button on a Smart Form

1) Here’s the javascript to hide the existing button.

<script type=’text/javascript’>
    $(document).ready(function() { $(“img[src=’images/Update_Go_New.png’]”).hide() });
    </script>

2) Here’s some sample CSS to style the button.

<style>
.sub_btn input {
   background-color: #2bbee3;
   color: #fff;
   font-size: 20px;
   border: 1px solid transparent;
   padding: 15px;
   width: 200px;    
   cursor: pointer;
}
</style>

3) Here’s some HTML to show the new button.

<center class=”sub_btn”><input type=”button” value=”Submit the Form” onclick=”javSubmit()” /></center>

Was this article helpful?

0 0

How can we improve this article?

Name

Email

Submit