Questions tagged [bootbox]

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals.

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.


Useful resources :

459 questions
9
votes
5 answers

Waiting for all AJAX call than show dialog box

I am working on a dynamic online form website. In the main form, I have multiple sub-forms which can be added and deleted dynamically.
//form fields ...
For…
monknom
  • 137
  • 1
  • 4
8
votes
4 answers

Close modal which has been created in another event function

On my first event I will open a mbox dialog. mbox is a kind of extention for bootbox, which is for showing a modal. I need mbox to use another template as modal content. So in the modal will be loaded with the content of createElement-Template. If…
user3142695
  • 15,844
  • 47
  • 176
  • 332
8
votes
3 answers

Change modal width only for specific modal in Bootbox

I am using Bootbox 4 with Bootstrap 3 on IE (IE 8 / IE 9) and everything works as intended. It looks like in Bootstrap 3 you can set the modal width in CSS as follows, however, anything like this would then change all my modals: .modal-dialog { …
user2571510
  • 11,167
  • 39
  • 92
  • 138
8
votes
1 answer

How set ajax data to Bootbox dialog?

How can i set data from ajax to bootbox dialog? Or I need use jquery ui dialog, when need to set some data? this code not working bootbox.dialog({ message: data, title: "Custom title", buttons: { success: { …
Newbie
  • 81
  • 1
  • 1
  • 2
8
votes
1 answer

Bootbox callback not working properly

I'm trying to use this: $('#delete').live('click',function(){ var result; bootbox.confirm("Are you sure?", function(response){ result=response; }); …
Pruthvi Raj Nadimpalli
  • 1,335
  • 1
  • 15
  • 30
7
votes
2 answers

Angular $scope won't update in bootbox callback

This is my first question on SO. When I splice an element of an array on the scope, that change is not reflected, when done in a callback of bootbox.js. Works: $scope.deleteA = function() { if (confirm("Really delete Item 3?")) { …
7
votes
1 answer

Problems using bootstrap modals : bad line

I am creating in my website a login button which opens a modal. B/c i have to load its content via AJAX, I initialize one using bootbox. Then I put the content loaded in my modal. But the line which should be on the top of the footer is in the…
Vinz243
  • 9,654
  • 10
  • 42
  • 86
7
votes
1 answer

Showing image in bootbox.js

Is there any way to show images in modal using bootstrap and bootbox.js? I am getting Data (which has an image url) from ajax and want to show in a modal using bootstrap and bootbox.js
abhig
  • 840
  • 2
  • 12
  • 22
7
votes
2 answers

Convert to Bootbox confirmation

The following code pops up a confirmation windows when the Delete user link is pressed: Delete user In this case when the OK button is pressed the link…
Oualid
  • 403
  • 1
  • 7
  • 22
6
votes
1 answer

Show bootbox alert in Typescript/Angular2?

I want to use Bootbox in my Angular2 project. I searched a lot but there is no any relevant solution for me. I also tried angular2-modal but there were many issues while using angular2-modal, please suggest any good doc/Examples/Demos for the same.
Shubham Verma
  • 8,783
  • 6
  • 58
  • 79
6
votes
2 answers

How to add a scroll to bootbox dialog?

I have searched the web and I have failed to find a solution to adding a scroll to a bootbox custom dialog. Is there anyway I could get it to work. I need a vertical scroll. Is this possible?
Kyad
  • 119
  • 3
  • 13
6
votes
1 answer

add custom Class to alert dialog in bootbox bootstrap jquery plugin

I am using Bootbox jquery plugin to show modals. this is a simple usage of that to show alert dialogs : bootbox.alert({ title: 'Message Title', message: "this is message Body" }); This plugin has a className option to add custom Classes…
Ahmad Badpey
  • 6,348
  • 16
  • 93
  • 159
6
votes
4 answers

How to prevent Bootbox from displaying twice after a double click?

I have a
    element that opens a bootbox when it's clicked. Double clicking this element triggers the onclick in JQuery twice $("#email-list").on("click", ".list-group-item", function (e) { bootbox.confirm("Send a forgotten password email to " +…
Varda Elentári
  • 2,242
  • 6
  • 35
  • 55
6
votes
4 answers

Bootbox: Make the default button work with the ENTER key?

As the title suggests, I want to add the Enter key as an event handler for Bootbox.js. When you an alert() popup is called, you can press enter to dismiss it, but that is not the case with Bootbox.js. I do not know how to get access to the button…
Ryno C.
  • 198
  • 1
  • 10
5
votes
2 answers

Customizing bootbox

I'm trying to customize bootbox design. I have succeeded in getting the output which shows like below: here my code is var dialog = bootbox.alert({ closeButton: false, title: false, message: 'hello', …
Atal Shrivastava
  • 674
  • 1
  • 9
  • 35
1
2
3
30 31