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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

changing scheduler dialog width

Thread ID:





148433 Oct 18,2019 07:23 PM UTC Oct 21,2019 10:35 AM UTC Angular - EJ 2 1
Tags: Schedule
jose lara
Asked On October 18, 2019 07:23 PM UTC

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;

Vinitha Devi Murugan [Syncfusion]
Replied On October 21, 2019 10:35 AM UTC

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 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon