Bootstrap Vue Modal ok button

Code King

Hello iam using a bootstrap vue modal but i want to change the name of the buttons make ok button show submit and cancle show close in the footer but i have no access to them where can i find them. This is what i have

<button v-b-modal.modal-close_visit class="btn btn-danger btn-sm m-1">Close</button>

<b-modal id="modal-close_visit" @hidden="resetClose">
  <template #modal-title
><p class="text-uppercase">
  Close {{ close_visit.patient_name }}'s Visit
</p></template>
</b-modal>
Kaddu Livingstone

what you have to do is to pass ok prop :ok-title="Submit and cancel prop :cancel-title="Close"

<b-modal id="modal-close_visit" @hidden="resetClose" :ok-title="Submit" :cancel-title="Close">
 <template #modal-title
><p class="text-uppercase">
Close {{ close_visit.patient_name }}'s Visit
</p></template>
</b-modal>

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

How to submit a form from another component when the modal OK button is clicked (bootstrap vue)

How to disable modal-ok slot of b-modal in vue bootstrap?

when submitting a form, bootstrap modal opens, but when clicking the ok button, it's not working

Bootstrap modal close button

connecting button to modal with bootstrap

Cannot find button in bootstrap-vue modal (b-modal) int test

Is there a way to make the OK button of Modal invisible?

Select OK button from modal in testing

How to remove OK button on modal in vuejs

javascript checkbox - uncheck only on bootstrap modal OK

Bootstrap 5 Modal - not working with jQuery (but OK with JavaScript)

hide Cancel and Ok button but keep X button working antd Modal?

Bootstrap Button Group with Modal and Tooltip

Bootstrap modal not displaying on button click

Default button in bootstrap modal dialog

Bootstrap Modal Button Click jquery

Bootstrap modal vimeo play button

Bootstrap modal with OnClick button not working

Modal bootstrap, image instead of button

bootstrap-vue modal not displaying

How to invoke some method on Bootstrap Vue <b-modal> X-close button

How to trigger Bootstrap-vue modal on page load without button or link?

bootstrap vue radio button

Javascript Bootstrap | Open bootstrap modal with javascript and not with button

Select OK button from N'th modal opened in testcafe

Submit child component from parent component modal ok button in angular

Trigger OK click by pressing enter in ui-bootstrap modal

How to call a bootstrap modal after 'sweetAlert' alert 'ok' clicked?

Delete button is not working inside of bootstrap modal in Laravel