Hello,
I found out a bug using the button loading.
If I display a confirmation message, and select the Cancel option, the button will load indefinitely.
Thanks
check this links, I think there you will find the way to create your custom confirmation dialog with JS:
https://stackoverflow.com/questions/3886228/overriding-javascript-confirm-while-preserving-the-callback
https://learnersbucket.com/examples/bootstrap4/custom-confirm-box-with-bootstrap/
https://stackoverflow.com/questions/37814999/getting-a-callback-function-to-trigger-after-clicking-on-an-alert-with-jquery
something like these:
myCustomConfirm("Are you sure?", function (confirmed) { if (confirmed) { // Whatever you need to do if they clicked confirm } else { // Whatever you need to do if they clicked cancel } });
or
function myCustomConfirm(message, callback) { var confirmButton, cancelButton; // Create user interface, display message, etc. confirmButton.onclick = function() { callback(true); }; cancelButton.onclick = function() { callback(false); }; }
Hi Sergio,
You must have set a boolean local variable to your buttonloading. So when you cancel the dialog, that time you also have to set the boolean variable to false.
Nikhil Gaur wrote:
Hello
Yes, I have obviously set a boolean variable to buttonloading, otherwise it wouldn't be possible to use the component.
So the question here is: how I can set the variable to false when I cancel the confirmation dialog?
Sérgio Trindade wrote:
Yes that is what I said you are already using boolean variable so you just have to set it to false upon cancel.
From your latest comments it looks like you are using javascript confirm message box (not using outsystems model/ popup widget). Right?
If yes, then while showing confirm message you should get its result like below. If it is false then set IsLoading variable to false.
var result = confirm("Press a button!");
Yes im using the default confirmation message(I assume is made with Js), check picture above.
So what are you trying to say is that I'll have to write that code and adapt inside of the confirmation message, right?
You set the variable inside the logic of the cancel button, if this is a web block you set an event inside the cancel button to run in the parent and change the variable
Carlos Lessa wrote:
Hi,
I'm not sure, if you understand the issue. The cancel button can't have the logic associated because is not part of the outsystem's. Im referring this issue, because I can't acess the variable inside of the confirmation message dialog. Here's another example.
If I set the Ok button, the process goes okay and follows the logic associated. But If I click Cancel, the button loading, will load indefinitely and obviously stops the process, but the loading continue.
Hi Sergio, as far as i know there is no easy way to achieve this. It is possible however, you need to research what command OutSystems uses to display this message to you, it might be this one:
https://www.w3schools.com/jsref/met_win_confirm.asp
Which returns a boolean somewhere and you need to catch it in order to set your loading button to false again.
You also might do a different implementation which involves creating a popup in your application that basically does the same as this screen, but now you can handle the outputs and set your button loading image to False again.
So this is the confirmation message from the javascript? confirm()?
Can you change the confirmation msg for one that you control?
Bas de Jong wrote:
Exactly, this is what I wanted to know, I had also seen this site, but so far I haven't managed to get the value true or false, when I click on the buttons in the dialog box. I had also thought about creating my own dialog window, but since the platform offers this feature, I wanted to try to go there. Anyway, thanks for your reply, I will try to wait for someone to have a solution, which in my opinion is a bug with the button loading feature.
I'm trying to use this confirmation message, I assume is made with Js yes.
So try with one of these components for web or mobile
web - https://www.outsystems.com/forge/component-overview/717/confirmation-dialog
mobile - https://www.outsystems.com/forge/component-overview/1490/dialogsplugin
your destination will be the action that calls the popup from the components and on the callback from the popup dialogue your place your action to yes or no, or send and event to trigger the parent.
I did this many times and with this approach, you can also customize the UI for the confirmation msg
I try to avoid forge components, and use only components made by my own.
Eventually the links you sent me above will work and I will find out how to change the behavior of the button loading component
Thanks for you help and reply.
Good, I could help you.
So if you use my solution or ideas, please mark my answer as the solution and help me to grow my rank in the community, thanks and good code
try to use a forge component:
When I need to control the action on the buttons to accept or cancel I use to do with these components change or add code to the action inside the component or an event to communicate with parents element
Was a solution found for this issue? I am having the same problem, if user clicks cancel in the confirmation dialog, the button (with style load), loads forever. Any help would be appreciated.