# Using the jQuery Theme Roller with Spread
Learn how you can apply a Theme Roller theme to the Spread for ASP.NET control. Learn more in documentation.
## Content
You can apply a Theme Roller theme to the Spread control.
The theme is applied to the following areas.
* Column Header
* Row Header
* Corner
* Footer and Footer Corner
* Command Bar
* Title Bar
* Group Bar
* Gray Header
* Hierarchy Bar
* Pager
* Sheet Tab
The following styles are applied from the jQuery theme.
* Background-Color
* Background-Image
* ForeColor
* Font family
* Font weight
* Font size
If the jQuery theme is enabled, the jQuery theme style has a higher priority than the default style but a lower priority than the custom style. If the sheet skin is DefaultSkins.Default or it is not specified, the jQuery theme takes effect. If the sheet view active skin is a built-in skin (not DefaultSkins.Default) or a custom skin then the jQuery theme has no effect.
The viewport, context menu, filter menu, touch strip, dialogs, group headers, and group footers are not supported. If the SheetView.[SelectionBackColor](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.SelectionBackColor.html) property is set, then the theme highlight is not applied.
For more information about themes, refer to the Theme Roller web site, [https://jqueryui.com/themeroller/](https://jqueryui.com/themeroller/).
## Using Code
* Add a reference to the theme.
* Set the [EnablejQueryTheme](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.FpSpread.EnablejQueryTheme.html) property.
## Example
This example displays a theme.
```xml
Demo page
```
```csharp
FpSpread1.EnablejQueryTheme = true;
```
```vbnet
FpSpread1.EnablejQueryTheme = True
```