Angular 2 - Kendo UI Calendar not rendering correctly
Nicolas
I'm using the Kendo-UI calendar for angular 2
However I'm having a problem where my calendar doesn't render correctly. I don't receive any errors whatsoever, this is how my calendar looks:
It creates an extremely large div (20.000 pixels) and only shows the weekdays in the correct place. When I scroll all the way down, it does render the months and days etc, like this:
Here's the code I'm using to implement the calendar:
vendor.ts
import "@progress/kendo-angular-dateinputs";
shared.module.ts
import { CalendarModule } from "@progress/kendo-angular-dateinputs";
...
exports:[CalendarModule]
app.module.ts
import { SharedModule } from "./shared/shared.module";
...
imports: [SharedModule2]
mycomponent.component.html
<div *ngIf="showFromCalendar === true">
<kendo-calendar></kendo-calendar>
</div>
It seems like I'm missing some file? I'm new to angular 2 and I'm not sure how to debug this since I don't receive any errors, so I hope you guys can help.
Thanks in advance!
Alex Gyoshev
It appears like the calendar CSS is not loaded. Make sure you are using the latest version of the @progress/kendo-theme-default package, and that the included styles are registered on a global level without style encapsulation.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How to load some files into Spark nodes without duplication?
- Next: d3 Responsive grouped bar chart with tooltip using json file
Related
Related Related
- 1
Angular UI calendar rendering issue
- 2
Kendo UI with Angular 2 issue
- 3
Kendo UI Calendar Multiselection
- 4
Dynamic legend for Kendo UI for Angular 2 charts
- 5
kendo ui grid angular 2 footer template
- 6
NumericTextBox and MaskedTextBox Kendo UI for Angular2
- 7
Date filter on Kendo UI Angular 2 Grid
- 8
Angular directive not rendering correctly
- 9
kendo ui window not centering correctly
- 10
Angular UI Calendar Issue
- 11
Getting list of dates in view for Kendo UI calendar
- 12
Add Custom Data To Kendo UI Calendar For Tooltip
- 13
Kendo UI Flatcolorpicker does not render correctly in a Kendo UI Window
- 14
Kendo UI Flatcolorpicker does not render correctly in a Kendo UI Window
- 15
Json data not rendering in Kendo UI Dropdown
- 16
How can you use Kendo UI Slider with Angular 2
- 17
Kendo Angular2 UI Dropdownlist Module not working
- 18
Is there any tooltip option in the kendo-ui-angular2 charts?
- 19
kendo ui angular2 charts unexpected token error
- 20
Kendo-ui-angular2 grid selectable="true" not working
- 21
Kendo-ui-angular2 controls not working in .NET 4.5 application
- 22
Disabling specific dates for Kendo UI Datepicker in Angular 2
- 23
Is the Kendo UI Web Grid adaptive rendering independent of the Kendo mobile application?
- 24
kendo UI numeric textbox culture not translating correctly
- 25
Kendo UI validator error message not correctly positioned
- 26
kendo UI numeric textbox culture not translating correctly
- 27
Angular ui-select2 - hide initial drawing/rendering of component
- 28
Angular ui-select2 - hide initial drawing/rendering of component
- 29
Rendering HTML preview from Kendo Editor with Angular
Comments