When the form is submitted, the page content gets replaced and a Thank you msg shows up.
It now goes in a <div>, but set to its left.
Here's the resulting html part:
<div class="row">
<div style="color:#373737;text-align:center">
<h5>Thank you!</h5>
<p>
We will be processing your response!
</p>
</div>
</div>
This is the javascript piece:
function saveData() {
var searchForm = document.getElementById('search-form')
var page = document.getElementById("page");
var table = document.getElementById("dtable");
page.innerHTML = "";
table.innerHTML = "";
searchForm.closest("div.row").innerHTML = "<div style='color:#373737;text-align:center'><h5>Thank you!</h5>" +
"<p>We will be processing your response!</p>"+
"</div"
}
Thank you for your help!
Try this:
searchForm.closest("div.row").innerHTML = "<div style='color:#373737;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column'><h5>Thank you!</h5>" +
"<p>We will be processing your response!</p>"+
"</div"