We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

changing scheduler dialog width

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

width: 1000px !important;
height : 600px !important;
max-height: 600px !important;

1 Reply

VD Vinitha Devi Murugan Syncfusion Team October 21, 2019 05:35 AM

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. 

    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.  
M.Vinitha devi 

Live Chat Icon For mobile
Up arrow icon