Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

The 4th edition of the Campaign Community Lens newsletter is out now!
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

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