1

I am interesting in all the options that are available for the Magento Ui modal popup widget. Like:

var options = {
 type: 'popup',
 responsive: false,
 innerScroll: false,
 ......
}

Mainly for the size of the popup itself. I tried a couple of options like

size: 'sm'

as well as

width: 400,
height: 400

but nothing works. Is there documentation for the possible options you can pass to the modal widget?

2

You can use 'modalClass' option to set a custom css class to your modal popup und define width in the css:

.my-custom-class .modal-inner-wrap {
  width: 600px;
}
2
<a href="javascript:;"  class="bt-action" data="More Info"  >More Info</a><div class="bt-action-file" style="display: none;">Content here</div> 
require(
        [
            'jquery',
            'Magento_Ui/js/modal/modal'
        ],
        function(
            $,
            modal
        ) {

            var options = {
                type: 'popup',
                responsive: true,
                innerScroll: false,
                title: 'My Title',
                buttons: []
            };

            $(".bt-action").click(function() {

                $(".bt-action-file").modal(options).modal('openModal');

            });

        }
    );
<style type="text/css">
    .modal-popup .modal-inner-wrap{ width: 50%; }
</style>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.