RealGrid2 theme

RealGrid2 provides various style classes to allow you to change all visible parts to your own style. The RealGrid2 package includes the following 7 themes by default, and theme styles are provided as css files in the assets/styles folder.

Basic

• Light (default)

  realgrid-style.css
• Dark Dark

  realgrid-dark.css

Advanced

• White White

  realgrid-white.css

• Sky Blue

  realgrid-sky-blue.css

• Galaxy Blue

  realgrid-galaxy-blue.css

• Red Wine Red Wine

  realgrid-red-wine.css

• High Contrast

  realgrid-high-contrast.css

Apply theme to default grid

To apply a theme, simply apply the style file included in the RealGrid2 package as a grid style.

For example, to apply the Sky Blue theme:

<!-- RealGrid -->
<link href="realgrid.2.0.0/realgrid-sky-blue.css" rel="stylesheet" />
<script src="realgrid.2.0.0/realgrid-lic.js"></script>
<script src="realgrid.2.0.0/realgrid.2.0.0.min.js"></script>

Click the button with the theme name below to apply the theme to the grid.