Hi Morten,

have you found a solution to adjust the width of a single modal dialog? I have just the same requirement.

Best,

Sören

Hi Morten,

I have found it. You can use the modalClass option to remove the default umb-modal class and add your own css class.

This works for me:

$scope.openTest = function () {
        var dialog = dialogService.open({
            modalClass: 'cpewidth',
            template: '/App_Plugins/CPE/cpe.html',
            show: true
        });
    }

CSS:

.cpewidth {
    width: 1200px;
    left: 100% !important;
    top: 0px !important;
    height: 100% !important;
    margin-left: -1200px;
}

Hope this helps?
 

Best,

Sören

This topic is old and is still an issue. But I have an updated solution.

Wrap your dialog in a div and give it a custom css class.

The css class should should look like this if you want 800px

.my-dialog-wrapper {
    width: 800px !important;
    margin-left: -800px;
    top: 0 !important;
    left: 100% !important;
    display: block;
    height: 100% !important;
    box-shadow: 0 0 20px #000000, 0 0 6px #000000;
    box-shadow: 0 0 20px rgba(0,0,0,0.19), 0 0 6px rgba(0,0,0,0.23)
}

No need to doing anything else with dialog options.

Hope this helps someone.

is working on a reply...