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 jqxHeatMap.

• jqx-heatmap-title - applied styles to the jqxHeatMap title.
• jqx-column - applied styles to column in jqxHeatMap.
• jqx-x-axis - applied styles to the x axis in jqxHeatMap.
• jqx-x-axis-label - applied styles to the x axis label in jqxHeatMap.
• jqx-y-axis - applied styles to the y axis in jqxHeatMap.
• jqx-y-axis-label - applied styles to the y axis label in jqxHeatMap.
• jqx-heatmap-cell - applied styles to cell in jqxHeatMap.
• jqx-empty-cell - applied styles to cell with null value in jqxHeatMap.
• jqx-heatmap-tooltip - applied styles to the tooltip in jqxHeatMap.
• jqx-legend-vertical - applied styles to the legend in vertical position in jqxHeatMap.
• jqx-legend-horizontal - applied styles to the legend in horizontal position in jqxHeatMap.
• jqx-palette-vertical - applied styles to the palette in vertical position in jqxHeatMap.
• jqx-palette-horizontal - applied styles to the palette in horizontal position in jqxHeatMap.
• jqx-selected-color - applied styles to the selected color in 'Fixed' mode in jqxHeatMap.
• jqx-arrow-vertical - applied styles to the arrow in vertical position in jqxHeatMap.
• jqx-arrow-horizontal - applied styles to the arrow in horizontal position in jqxHeatMap.
• jqx-tick-vertical - applied styles to the palette's value in vertical position in jqxHeatMap.
• jqx-tick-horizontal - applied styles to the palette's value in horizontal position in jqxHeatMap.