boostrap 4 large modal on form ? how can

kamatech

hello all.
my question is how can change the width of modal form. im used datatable editor v1.7.3 and got 12 imput . i want made more big the modal and can put 6 line . each one with 2 imput in line. i try search info about that , but with out lucky. any help thanks.

colin

Hi @kamatech,

If you change the width in the CSS for "DTED_Lightbox_Wrapper" then that should resize it for you.

Cheers,

Colin

colin

Just found this post that has some examples.

kamatech

dont work for me i thing is diferent light box setting for boostrap 4 modal.

kamatech

by the way thanks colin, i found this post help me a lot .

link

and this is my setting for 12 input on two colums.
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
float: left;
width: 50%;
padding: 5px 30px;
clear: none;
box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content:after {
content: ' ';
display: block;
clear: both;
}
div.modal-dialog {
max-width: 100%;
width: 75%;
}

div.modal-dialog .col-lg-4.col-form-label{
flex: 0 0 15%;
max-width: 20%;
text-align: right;
}
div.modal-dialog .col-lg-8{
flex: 0 0 75%;
max-width: 85%;
}