2. PHPRunner General questions
  3. [SOLVED]  Bootstrap Toast
This topic is locked
[SOLVED]

 Bootstrap Toast

 		1/3/2020 3:01:02 PM
PHPRunner General questions
J
 jetsguy author

Anyone have any luck using Bootstrap toast?

I'm trying to create a toast on a list page and getting nowhere.
From the example in https://www.w3schools.com/bootstrap4/bootstrap_toast.asp I do the following and try to put the initialization code in JOL event but still no go.

Any help appreciated.
<div class="toast" data-autohide="false">

<div class="toast-header">

<strong class="mr-auto text-primary">Toast Header</strong>

<small class="text-muted">5 mins ago</small>

<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">&times;</button>

</div>

<div class="toast-body">

Some text inside the toast body

</div>

</div>
lefty 1/3/2020



Anyone have any luck using Bootstrap toast?

I'm trying to create a toast on a list page and getting nowhere.
From the example in https://www.w3school...strap_toast.asp I do the following and try to put the initialization code in JOL event but still no go.

Any help appreciated.
<div class="toast" data-autohide="false">

<div class="toast-header">

<strong class="mr-auto text-primary">Toast Header</strong>

<small class="text-muted">5 mins ago</small>

<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">&times;</button>

</div>

<div class="toast-body">

Some text inside the toast body

</div>

</div>


Not sure if your code for boostrap toast 4 works in Boostrap 3 ( PHPrunner uses Boostrap 3 ) . You can try snackbar toast instead not as dynamic but that should work.Here's an explanation of the differences although they are talking mobile app interfaces.
J
 		jetsguy author 1/3/2020



Not sure if your code for boostrap toast 4 works in Boostrap 3 ( PHPrunner uses Boostrap 3 ) . You can try snackbar toast instead not as dynamic but that should work.Here's an explanation of the differences although they are talking mobile app interfaces.


Thanks for the tip. Yes I think bootstrap 4 is the problem. Snackbar does work so thanks!