How to adjust dialog to the height and width of the message ?

[sasikanth]

 BootstrapDialog.alert({
           ...
            size:  BootstrapDialog.SIZE_WIDE,
            message: '<div> ... </div>' //wide html content

The content is overflowing out of the dialog box.

How can we make the dialog adjust to the height and width of the message. ?

Is there any option like overflow : true / false, width: auto / 300px, etc height: auto/ 40vh

Thanks, Sasi

[nakupanda]

Not sure how to achieve having width to be auto adjusted, but height is actually auto expanding isn't it?

[sasikanth]

Yes, height is auto expanding..

Width is not

[sasikanth]

if not auto expand, Is there a way to specify width or max width in the options.

[nakupanda]

Yes, please see http://jsfiddle.net/8g0h0h9q/1/

[sasikanth]

Ohh you mean using CSS.. :)

[nakupanda]

Yes, so using css does not meet your requirement ?

[sasikanth]

The idea was to minimise HTML, CSS. And standardize the look and feel of each modal. So, we started trying this out and see if it fits in.

Being able to customize width at bootstrapDialog initialization would avoid CSS for modal.

Would you able to consider this as a feature request ?

[nakupanda]

Sure, that makes sense.