Closing fixed notifications not working

[P4R4DiSi4C]

Hello,

Following this demo https://vuejs.creative-tim.com/vue-light-bootstrap-dashboard-pro/?_ga=2.173092323.1525692515.1521485409-1566421521.1518038431#/components/notifications

You can't close fixed notifications by pressing the "close" button, it doesn't work... Only when you use a bubble notification it works...

Thank you

[cristijora]

Hi @P4R4DiSi4C

That page contains static html for the fixed notifications and therefore they won't close. It's just to show how the notifications look like.

[P4R4DiSi4C]

Hi @cristijora ,
Thanks for your answer
So how could I achieve bootstrap 4 alert behaviour ?
Alerts Bootstrap 4

In the "Dismissing" section:
`

Holy guacamole! You should check in on some of those fields below.

×

`

I don't want to use it in a Notification bubble, just show a div with that alert if an error occured and the guy can close it or wait for autoclose.

Best regards

[cristijora]

That should be fairly simple to do with plain html and a bit of Vue.

Here you go. You can build a very simple component for that
https://codesandbox.io/s/xjp467m1z

[P4R4DiSi4C]

Actually I'm using your LBD Vue.js Theme. I was able to achieve it with this:
<div class="text-center alert alert-danger" v-if='error.length > 0'> <button type="button" class="close" v-on:click='error = ""'>×</button> <span>{{ error }}</span> </div>

I just wanted to show this alert if my variable "error" isn't empty. You should add it as a component to LBD :)

Thank you for your help !

[cristijora]

Glad I could help. Added an issue to the dashboard as well and will address it in the next update
https://github.com/creativetimofficial/vue-light-bootstrap-dashboard-pro/issues/13

Thanks for the feedback