Modal Service

NgAceModalService uses ng-bootstrap's NgbModal service but you can have some extra options:

Options

off:

true or sm|md|lg|xl
Modal functionality is disabled on specified screen size and above.

dismiss

If true, clicking outside of aside area will hide it

autohide

Automatically hide aside after specified milliseconds

blur

Blur modal's background.

width

Modal width

@ViewChild(TemplateRef) modalTemplate;
this.aceModalService.open(modalTemplate, {
    off: 'lg',
    blur: '1.5px',
})

dialogClass

Adds this class name to .modal-dialog element.
You can also use NgAceClass directive.

contentClass

Adds this class name to .modal-content element.
You can also use NgAceClass directive

  <ng-template #exampleModal let-modal>
    <div ngbAutofocus class="modal-header"  [NgAceClass]="{'+2': 'content-class', '+3': 'dialog-class'}">
        <h5 class="modal-title text-primary-d3">
          Modal title
        </h5>
    </div>

    <div class="modal-body">
        ...
    </div>
  </ng-template>