We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Using a custom theme globally

I have built a custom theme using the theme builder and put the theme's css in the application yet I am unsure of how to use it.

This is what I did.
I replaced the SyncfusionTheme in my web config.

<add key="SyncfusionTheme" value="ColorFull" />

added it to the stylemanager

 @(Html.Syncfusion().StyleManager().Combine(true).Minify(true)
        .Register(component =>
            {
                component.Add("~/Content/ColorFull-sftools.css");
                component.Add(ComponentType.Menu);
                component.Add(ComponentType.RichTextEditor);
                 component.Add(ComponentType.Ribbon);
                 component.Add(ComponentType.Accordion);
                 component.Add(ComponentType.Rotator);
                 component.Add(ComponentType.Grid);
                 component.Add("~/Content/Site.css");
            }))

Yet when I run I get the following error.

Requested value 'ColorFull' was not found.

and breaks on the "component.Add(ComponentType.Menu);" line.

How do I fix this as I do not want to have to specify the theme for each control and was advised the use the code above to fix issue I had with the menu bar because it is on a partial in the header.








1 Reply

GA Gurunathan A Syncfusion Team August 13, 2013 10:05 AM UTC

Hi Anton,

Thanks for contacting Syncfusion  support.

We have confirmed that the issue with “Applying Custom Theme globally”  as a defect and we have logged a defect report.

We have created a new incident (111791) for this reported issue on behalf of you. We suggest you to follow up the incident for further reference using your direct trac account.

In the interest of maintaining confidentiality, we have a policy of not sharing proprietary customer specific information in the public Forum.

Warm Regards,

Gurunathan


Loader.
Live Chat Icon For mobile
Up arrow icon