Add Button beside Submit button in Submit New request page

Hi David! I can't really tell specifically why something like that is happening in your code, as this would require us to troubleshoot custom code. The above example that I provided is for illustration purposes to get you in the right direction, not necessarily to provide a complete solution. If you don't have experience with development work, I would recommend bringing on a dev who can assist with this project.

Hi Greg,

Any Updates on this?

Thank you. 

Best regards,

David

Hi Greg,

Additionally, I want o check why the button is showing on the page when the form page is loaded, as seen below. 

  What I am trying to achieve is that the button should be hidden and only shows when one of the drop down request category is chosen. As Shown below:



How do we achieve this? Thank you in advance and happy thanks giving.

Hi Greg,

thank you so much for your response. 
I just want to confirm on where I should place this script... Is it under new_request_page.hbs?

Hi David! Since we render the button with the rest of the request form helper, you'll need to accomplish this with Javascript. The following example is only for illustration purposes, just to get you moving in the general direction. Note with the button "type" of "submit", it's going to inherit the styling and functionality of the submit button, so you'll want to change that to "reset" or "button" (with an associated function) and then handle the styling to match the submit by checking the style.css file.

Hope that gets you what you need!

<script>
document.body.onload = nextToSubmit;

functionnextToSubmit() {
let footer = document.getElementsByTagName("footer")[0];
let newButton = document.createElement("input");

// Add whatever you'd like here
newButton.innerHTML = "newButton";
newButton.type = "submit";
newButton.value = "New Button";

footer.appendChild(newButton);
}
</script>