CODEWITHSUNDEEP
javascripthtmltwitter-bootstrapbootbox
Mirco Lcl
Mirco Lcl

Reputation: 373

Bootbox - how to dynamically change message content?

I was wondering if there is a way to dinamically update the content of a bootbox modal.

Example

bootbox.dialog({
        message: "Hi there",
        title: "My title",
        buttons: {
            main: {
                label: "dismiss",
                className: "btn-primary",
            }
        }
    });


    newMessage = "this is a new message"

Is there a way to replace that "Hi there" with the new string newMessage?

Thanks for any help or suggestion

Upvotes: 3

Views: 8053

Answers (3)

mistajolly
mistajolly

Reputation: 481

Another solution is just to replace the content directly, this example uses jQuery. 

#jQuery
$('.modal-title').html('New Title');
$('.modal-body').html('New Message');

Upvotes: 0

Akash
Akash

Reputation: 599

yes, you can change bootbox msg by adding id reference to the msg. Below is sample code for it. 

    bootbox.dialog({
       message: "<span id='dynamicMsg'>Hi there</span>",
       title: "My title",
       buttons: {
        main: {
            label: "dismiss",
            className: "btn-primary",
        }
      }
    });

    //Add this line wherever you want to change msg
    $("#dynamicMsg").text("This is dynamic msg");

Upvotes: 8

Cesar Balzer
Cesar Balzer

Reputation: 36

Simple! Create a generic function:

function bootBoxModal(title, message, type) {
    bootbox.dialog({
        message: message,
        title: title,
        alertType: type,
        buttons: {
            main: {
                label: 'Fechar', className: 'btn-default'}
        }
    });
}

Call the function now:

bootBoxModal("Title message", 
             "Content your message", 
             "type [alert,danger,warning,success]");

Upvotes: 2

Related Questions