Hi Krittikorn,
Thanks for using Syncfusion products.
We suspect that the "bootstrap.css" file is overrides our schedule control CSS. Therefore, we suggest you to either remove or comment the overriding classes or add the following code in the view page to rectify the issue.
<Code>
<Style>
.e-schedule *{
box-sizing: content-box !important; // * overridded
}
.e-scheduledialog td, th {
padding: 6px !important; // td,th overrided
}
<Style>
</Code>
And also for your reference we have attached the sample.
The "overrided css" are ,
<Code>
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
</Code>
Please let us know if it helps and any further assistance on this.
Regards,
Krishna Priya.S
Attachment:
sample117534_37582b5d.zip