You have autoclose option which fires onClose callback after certain seconds of onSubmit event but is there a way that I can fire onClose event on some successful api request. For more clairty the scenario is -
when I click on submit button, some api request is made then on successfull response I want to close my typeform
Answered
Typeform Close Event
Best answer by picsoung
Hi
If you want to close the form automatically after it has been submitted you can use the autoClose option as described in our documentation here.
Once the form is submitted you can’t really go back and display an error in the form. In case you wanted to display an error if the API call failed.
So you probably need to make the API request in the onSubmit callback.
+5Hi
+5Hi
If you want to close the form automatically after it has been submitted you can use the autoClose option as described in our documentation here.
Once the form is submitted you can’t really go back and display an error in the form. In case you wanted to display an error if the API call failed.
So you probably need to make the API request in the onSubmit callback.
+5Hello
you can close your typeform “manually” based on your API call response like this:
<button id="button">open form</button>
<script src="//embed.typeform.com/next/embed.js"></script>
<link rel="stylesheet" href="//embed.typeform.com/next/css/popup.css" />
<script>
const { open, close } = window.tf.createPopup('<form-id>', {
onSubmit: async () => {
const response = await fetch('/my/endpoint')
if (response.ok) {
close()
} else {
alert('Failed')
}
}
})
document.querySelector('#button').onclick = open
</script>Note: This will leave your respondent on your form ending. The form will be submitted regardless of your API call.
1 person likes this
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.