Comments (5)
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 !
from vue-notifyjs.
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.
from vue-notifyjs.
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
from vue-notifyjs.
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
from vue-notifyjs.
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
from vue-notifyjs.
Related Issues (20)
- Catch the click event on the entire message HOT 4
- Demos are broken HOT 2
- close all notifications manually HOT 4
- Demos do not work HOT 1
- Update version with close method
- Yarn lock on gitignore
- Vuex Notification Handling HOT 3
- Use with vee-validate ? HOT 1
- Failed to register component after updating to v0.4.3 HOT 5
- Passing props to message component HOT 2
- Plugin not loading HOT 1
- Custom html error HOT 1
- SSR (Nuxt) support
- [ASK] How to call notify from js files
- Fiddles dont work HOT 2
- babel-helper-vue-jsx-merge-props is missing as dependency
- Jsfiddle Error
- The vue-notifyjs Usage with Html5 !~~~~~
- Need support for asynchronous notifications
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-notifyjs.