Styling and Appearance

jQWidgets uses a pair of CSS files - jqx.base.css and jqx.[theme name].css. The base stylesheet creates the styles related to the widget's layout like margin, padding, border-width, position. The second css file applies the widget's colors and backgrounds. The jqx.base.css should be included before the second CSS file.

Below is the list of CSS classes used by jqxScheduler:
When you create a custom style with colors and backgrounds for jqxScheduler, you need to do the following:

    selector: 'app-root',
    template: `
        <jqxScheduler #schedulerReference
            [date]="date" [width]="800" [height]="600" [source]="dataAdapter" [showLegend]="true" [view]="'weekView'"
            [appointmentDataFields]="appointmentDataFields" [resources]="resources" [views]="views">