I'm developing a page that needs a confirmation message when the user submits the form.
In my submit link I have two classes associated, .Button and .Load. The problem with that is when the user cancels the confirmation message. After that, the user can't submit the form again.
Do you have any solution for this, or is a common problem that is in your backlog to be solved?
You mean that closing the feedback message will prevent the form from being submitted again? That doesn't sound like normal behavior - can you confirm it?
It's not the feedback message, but the link's confirmation message. So, when you click on a link (it has the .Load css class), and the confirmation message appears. In this case, if you cancel teh confirmation message, the form won't be submitted again, at least until you refresh the page.
I'm not sure if I understood your problem. What you want is something like this?
Or you are trying to use a Silk component?
If you could use some screenshots to help in describing your problem, it would be nice :)
I don't recall having any issue like that before. It might be something specific existing on your web screen. With a bit more detail, we might be able to help out.
I am having the same issue.
In SilkUI, if you have a link with style "Button Load" that has a comfirmation message, when the user clicks Cancel on the browser's comfirmation dialog that opens after clicking, the button stays in its "Loading" state, which prevents further clicking.
Here's a demo: http://caiosm1005.outsystemscloud.com/ButtonLoadTest/
For some reason, your button is getting hidden (display: none;) and you are creating a clone of the button, so it looks the same button with the Loading icon.
How are you doing this confirmation message? Is it a widget? Or is it your own code?
Can you provide the sample oml?
Alexandre Santos wrote:
I am using a default SilkUI class through the Vanilla Template theme. I have not made this button on my own. All I did was create a Link with style "Button Load".
Here's a sample (refer to the red Loading button): https://silkui.outsystems.com/Patterns.aspx#Web_Controls_Buttons
I have attached my OML.
I've been looking to your sample, but I can't find a solution using that confirmation message...
I think this could be a bug of Silk UI so it's better to wait for an official answer from Silk UI Team.
In the between, you have this component:
Maybe this can solve your problem.