All Questions
11 questions
2
votes
1
answer
1k
views
Opening a modal via checkbox in vue-bootstrap?
I'm looking to open a modal on checkbox check in vue-bootstrap.
I have a checkbox I'm not sure if it's the right approach with this but I need it to have a v-model too.
<b-form-checkbox
id=&...
0
votes
3
answers
640
views
why b-modal is not invoked when created in Vue?
I wanted to invoke the b-modal whenever the component is created but its not happening. Yet on clicking the button, the modal is invoked. How can we fix this?
<template>
<b-container>
...
0
votes
0
answers
61
views
Bootstrap Vue modal
I am using bootstrap-vue modals in my small project and I can not figure out why my modal's layout is soo off.
Here is the screen
As you can see, it is not even possible to click on the input field.
...
0
votes
1
answer
395
views
BootstrapVue Modal opening outside of rendered nuxt element
I'm using BootstrapVue with universal Nuxtjs.
The problem is; when I click the button, the b-modal element opened at the bottom of the body, not inside the rendered "_nuxt" div. For this reason, I ...
1
vote
2
answers
1k
views
Displaying buttons and a title in bootstrap modal
I'm using modal (from vue-bootstrap) and I wrote the following code:
<template id="child">
<b-modal v-model="showModal" size="lg">
<template v-slot:modal-header>
...
0
votes
1
answer
379
views
In Bootstrap + Vue, how to use value of data property inside v-b-modal?
Below code only works when "'test'" is inside a double and single quote like this: v-b-modal="'test'"
Sample working code:
<div id="app">
<div>
<b-link v-b-modal="'test'"&...
4
votes
1
answer
6k
views
How to trigger Bootstrap-vue modal on page load without button or link?
Sorry for the help request, but I can't work out how to get a bootstrap-vue modal to display initially on page load without needing to trigger it with a button or link.
Thanks.
2
votes
1
answer
1k
views
How to attach a Vue Bootstrap Modal to a different parent?
Currently using a Vue Bootstrap Modal which doesn't display properly, because it's parent (or rather an ancestor up the tree) has a overflow:hidden defined.
Is there a way to have the modal attach ...
0
votes
1
answer
106
views
Handling the resuts of modal window in vue app
I am trying to use modal from "Bootstrap + Vue" in my project.
Now this may be a basic question, but after searching for a while I didn't find any answer so I will go ahead and ask.
Consider the ...
3
votes
1
answer
2k
views
Bootstrap-vue modal open three times
I'm using bootstrap-vue package. In some component I have three card-flip components:
<b-row>
<b-col lg="4">
<card-flip :order="'fifth'"></card-flip>
</b-...
3
votes
3
answers
4k
views
Managing which bootstrap-vue modal is open through vuex state
I am building an application that requires sequencing multiple bootstrap-vue modals. Specifically, a button in a nested component should open the 'manage' modal. The 'manage' modal contains buttons ...