Godofbrowser / vuejs-dialog

A lightweight, promise based alert, prompt and confirm dialog
MIT License
351 stars 111 forks source link

Custom class is not working. #72

Open rachitpant opened 4 years ago

rachitpant commented 4 years ago

I am trying to use a customClass for the buttons like this:

this.$dialog
        .confirm('Are you sure you want to delete the selected users.', {
          okText: 'Delete',
          cancelText: 'Cancel',
          customClass: {
            cancel: 'btn btn-light btn-sm'
          }
        })
        .then(function(dialog) {
          this.deleteSelectedUsers()
        })

However I do not see the classes mentioned above applied to the cancel button. I am using bootstrap and these classes are part of it. I can manually change the class of cancel button through inspector and see the desired result , but the above code is not resulting in the above classes applied.

rmuraliananth commented 3 years ago

I am trying to use a customClass for the buttons like this:

this.$dialog
        .confirm('Are you sure you want to delete the selected users.', {
          okText: 'Delete',
          cancelText: 'Cancel',
          customClass: {
            cancel: 'btn btn-light btn-sm'
          }
        })
        .then(function(dialog) {
          this.deleteSelectedUsers()
        })

However I do not see the classes mentioned above applied to the cancel button. I am using bootstrap and these classes are part of it. I can manually change the class of cancel button through inspector and see the desired result , but the above code is not resulting in the above classes applied.

@rachitpant , I am also having same issue & it is not working,

@hjortzen - any idea?