NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.94k forks source link

Making modal resizable #5252

Open WEBhicham opened 4 years ago

WEBhicham commented 4 years ago

What problem does this feature solve?

Atm, I have made a modal draggable, however, I also need it to be resizable, this is because the content in the modal has the information you need that of the content behind the modal. the content is also either small or big. so having the modal draggable and resizable would be a big help.

What does the proposed API look like?

@Component({
  selector: 'nz-custom-modal',
  template: `
     <nz-modal [(nzVisible)]="true" nzTitle="The first Modal" [isResizable]="true" (onResize)="onResize($event)">
      <p>Content one</p>
      <p>Content two</p>
      <p>Content three</p>
      <p>Content three</p>
    </nz-modal>
  `
})
export class NzModalCustomComponent {
  width: number;
  height: number;

  constructor() {}

  onResize(event: [number,number]): void {
    this.width = event[0];
    this.height = event[1];
  }
}
snowchenlei commented 4 years ago

maximize is needed too.

ibrahimcanbaz commented 3 years ago

this feature would be great 🙏🏻

KaurTaal commented 6 months ago

Is this feature still in the works?