changing scheduler dialog width

[jose lara]

How do I change the width of the custom dialog (ng-template) that opens up? I tried this but it doesn't work.

example I followed - https://ej2.syncfusion.com/angular/documentation/schedule/editor-template/#customizing-event-editor-using-template

.e-popup.e-popup-open.e-dialog{

width: 1000px !important;

height : 600px !important;

max-height: 600px !important;

}

[Vinitha Devi Murugan]

Hi Jose, 

Syncfusion Greetings. 

We suspect that CSS are not loaded in your sample which could be the cause. To overcome this please add below highlighted lines in app.component.ts file and same can be available in below link. 

https://stackblitz.com/edit/angular-sqsvju-yt4nf1?file=app.component.ts  

@Component({ 

    selector: 'app-root', 

    templateUrl: 'app.component.html', 

    providers: [DayService, WeekService, WorkWeekService, MonthService, AgendaService, ResizeService, DragAndDropService], 

    styleUrls: ['app.component.css'], 

    encapsulation: ViewEncapsulation.None, 

}) 

Kindly try with the above sample and let us know, if you need any further assistance on this.  

 

Regards, 

M.Vinitha devi