Expand my Community achievements bar.

SOLVED

Transition not working in Web application

Avatar

Level 4

The Next is working as expected but when it comes to Update flow its not working. the page is just getting refresh and comes back to default  page. 

 

Prasanna_Soni_1-1619805094790.png

 

Code for 2 buttons :- 

 

<div class="d-grid gap-2 d-md-flex justify-content-md-end">
<div class="d-grid gap-2 d-md-flex justify-content-md-center"><button class="btn btn-lg btn-outline-secondary" id="input161787719926142" style="min-width: 150px;" type="submit" data-nl-localizable="true" data-nl-type="action" data-nl-action="update"> Unsubscribe</button></div>


<div class="d-grid gap-2 d-md-flex justify-content-md-end"><button class="btn btn-lg btn-primary" id="input161787719926141" style="min-width: 150px;" type="submit" data-nl-localizable="true" data-nl-type="action" data-nl-action="next"> Next </button></div>
</div>

</div

 

Property Page2 activity 

Prasanna_Soni_2-1619805308087.png

 



1 Accepted Solution

Avatar

Correct answer by
Level 3

Hi @Prasanna_Soni,

 

Not sure why it is not working. You can try the below logic. It's working for me. 

 

<html>
<head>
<script>
function myFunction(selectedButton){
document.controller.submit("next", "", selectedButton); ;
}
</script>
</head>
<body style="" class="">
<form>
<div class="d-grid gap-2 d-md-flex justify-content-md-end"><button class="btn btn-lg btn-primary" id="input161787719926141" style="min-width: 150px;" onclick="return myFunction('next')" type="submit"> Next </button></div>
<div class="d-grid gap-2 d-md-flex justify-content-md-center"><button class="btn btn-lg btn-outline-secondary" id="input161787719926142" style="min-width: 150px;" onclick="return myFunction('update')" type="submit"> Unsubscribe</button></div>
</form>
</body>
</html>

 

Thanks,

Amit

View solution in original post

1 Reply

Avatar

Correct answer by
Level 3

Hi @Prasanna_Soni,

 

Not sure why it is not working. You can try the below logic. It's working for me. 

 

<html>
<head>
<script>
function myFunction(selectedButton){
document.controller.submit("next", "", selectedButton); ;
}
</script>
</head>
<body style="" class="">
<form>
<div class="d-grid gap-2 d-md-flex justify-content-md-end"><button class="btn btn-lg btn-primary" id="input161787719926141" style="min-width: 150px;" onclick="return myFunction('next')" type="submit"> Next </button></div>
<div class="d-grid gap-2 d-md-flex justify-content-md-center"><button class="btn btn-lg btn-outline-secondary" id="input161787719926142" style="min-width: 150px;" onclick="return myFunction('update')" type="submit"> Unsubscribe</button></div>
</form>
</body>
</html>

 

Thanks,

Amit