jqxCalendar Displaying as text

[bfordParticipant]

Hi,

This is my first attempt at using jQWidgets.

I’ve setup ‘Angular CLI with jQWidgets’ in my existing Angular 7 application.

The jqxbargauge works as per the setup guide.

I created a test application using the create-jqwidgets-angular-app procedure and could successfully apply the jqxCalendar widget.

I’m unable to find what I’m missing in my existing application to implement jqxCalendar widget.

[HristoParticipant]

Hello bford,

You should have some error message in the console. Please, clarify it.
Could you check your “tsconfig.json” file is there the reference for the jqxCalendar?
If this missing please add it and re-start the Angular server (stop and type ng serve in the terminal again).

Also, I would like to mention there is another section in our forum for Angular issues.
Thank you for the understanding.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[bfordParticipant]

Hi Hristo,

The console doesn’t display an error. I did discover last night by accident that although the calendar appears as text with no styling if I select the top row of text (the month) it will dynamically change to the list of months. I can then select the month. So it appears to have the functionality without the styling. Also missing the arrow icons in the top row to toggle the month selected.

The “tsconfig.json” contains:

  "include": [
    "src/**/*"
  ],
  "files": [
    "src/app/app.module.ts",
    "node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts",
    "node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxbargauge.ts",
    "node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxcalendar.ts"
  ]

Thanks.

[Author]

Posts