Success message after submit form

General
1

Hello,
how can I create a success submit message in my page?
I want show only a simple label under submit-button with message
“Your form is sent!” but only if it would be successfull.

And I want delete all entries in form if submit button is pressed and form is successfully sent.

Thanks

2

Hello, @Daniel_Wauer

Can you explain, what you mean when say ‘successful’? Is it about validating your form, or respond to your request?

In the first case, you can use the Visibility Logic of any component that you want to see after success submits, and binding some property that responsible for it to the page/app data.
image

In second - use ‘return result’ of the HTTP block, and handle the response. If all fine - make the ‘success’ block visible and so on.
image

Regards, Dima

3

Hey Dima,

yes only show block if http request is successful.
Where do I implement the HTTP/s logic? Which parameters for “method” and “path”?
Little example possible?

Thanks

4

I can create an example, but the different API has a different response, and this response could be parsed in a different way. So if you provide your API, I can do this for you.

About ‘method’ and ‘path’, this is a big and common question, so I can’t explain it to you. But you can read it for example - here.

Regards, Dima

5

What exactly you need from me?
API from backendless.com? 71F5EB6A-8C4F-CCF3-FF37-39BAE6789F00

I have uploaded the form to
http://www.tardis-mobile.com/appForm/

6
  1. You can use On Submit event in Form component, so if some inputs are required form doesn’t send an email while you did not enter these values.
  2. Set property ‘sent’ in On Page Enter handler to false
  3. After sending the Form in logic, you can set value in page data( for example) like this
    image
    and create a text block with Visibility Logic
    image

Regards, Dima