New to Kendo UI for jQuery? Start a free 30-day trial

ThemeColor

configuration

Sets a value controlling the theme color of the component. When undefined (the default), the theme controls the color. Can also be set to the following string values:

base: apply coloring based on base theme color.
primary: apply coloring based on primary theme color.
secondary: apply coloring based on secondary theme color.
tertiary: apply coloring based on tertiary theme color.

themeColor

String

Default: undefined

<span id="loader-base"></span>
<span id="loader-primary"></span>
<span id="loader-secondary"></span>
<span id="loader-tertiary"></span>

<script>
    $('#loader-base').kendoLoader({ themeColor: 'base' });
    $('#loader-primary').kendoLoader({ themeColor: 'primary' });
    $('#loader-secondary').kendoLoader({ themeColor: 'secondary' });
    $('#loader-tertiary').kendoLoader({ themeColor: 'tertiary' });
</script>