[Solved] Themes not working

[Krishna]

I have used telerik grid. i want to apply the sunset theme.
I include this code in my layout page
 @(Html.Telerik().StyleSheetRegistrar()             
                      .DefaultGroup(group => group                          
                          .Add("telerik.examples.css")
                          .Add("telerik.common.css")
                          .Add("telerik.sunset.css")
                          .Add("telerik.rtl.css")
                          .Combined(true)
                                                                             
                          .Compress(true))
                     )    

But the theme is not displayed. it shows  the grid without themes

[Jon Baron]

I'm having the same problem with the 2012.1.419.340 release.

The theme is applied to all Telerik specific controls, but no longer to the entire site as it used to work in Q4 release of 2011.

In ASP.NET I remember having to use a form decorator, is that the case once again?

Thanks!

[Jon Baron]

UPDATE -

So it seems that all generic controls ARE being skinned properly if the application is run on a Vista machine, same exact project. However they the css styles are not being applied when the app is being run on a Window 2008 R2 server.

Is there a known issue running the latest MVC release on 2008 R2 servers?

Will this same behavior show itself when the app is released and actually run from within IIS, not webdev.exe?

Thanks!

EDIT - looking @ http://www.telerik.com/help/aspnet-mvc/getting-started-installation-instructions.html

It does not appear 2008 R2 is supported.

[Alex Gyoshev]

Hello Jon,

There is no reason for the themes to not work on this server (they are plain text, after all). Please inspect if you are getting 404 errors when requesting them. If that is the case, make sure that the web asset handler is configured.

Kind regards,
Alex Gyoshev
the Telerik team

[Jon Baron]

Alex,

I have inspected the traffic using Fiddler2, both in Firefox and in IE and there no 404's, no errors at all.

I can see the asset.axd? with a value filled out for the query string. The value is different (just barely) between the request and response. but again no errors.

I created the project as a Telerik MVC 3 (Razor) project and I already had the necessary definitions in my web.config file, listed in the below link.

The was a difference in name in the <handlers> section, initially it was just 'asset', i tried changing both the remove and add tags to 'assetHandler' as listed in the link below, but to no effect.

I am using IIS7, any other help would be greatly appreciated.

thanks!

[Alex Gyoshev]

Hello Jon,

In Fiddler, are the CSS files included in the response? Also: are there sufficient permissions to the given files?

We are not aware of such an issue with the Windows 2008 R2 server.

Regards,
Alex Gyoshev
the Telerik team

[Jon Baron]

Thanks Alex,

Yes I am an Admin on the server, as it's just a dev server. While I do see Site.css and the jquery file both loaded, I don't see the specific common or skin .css files loaded. I do however see the sprite file loaded for the specific themes (appropriately). Instead of the telerik .css files I instead have:

GET /asset.axd?id=kwAAAB-LCAAAAAAABADsvQdgHEmWJSYvbcp7f0r1StfgdKEIgGATJNiQQBDswYjN5pLsHWlHIymrKoHKZVZlXWYWQMztnbz33nvvvffee--997o7nU4n99__P1xmZAFs9s5K2smeIYCqyB8_fnwfPyJ-8Uezjx597xd_tPro0Ucn1bLNl-1Ho4_O-bMlfdbmZV4Xb8fTarGoluNp09DX1UePdn7JKGxwlU8m5Tp3LXZ_yfd_yfdHH01bbvSuvSvfXNKfezu7e-Pd8f7uQ_pgSgjc-_Q-_fLRo7Ze57_k_wkAAP__B5CPcZMAAAA%3d HTTP/1.1

and

GET /asset.axd?id=tAAAAB-LCAAAAAAABADsvQdgHEmWJSYvbcp7f0r1StfgdKEIgGATJNiQQBDswYjN5pLsHWlHIymrKoHKZVZlXWYWQMztnbz33nvvvffee--997o7nU4n99__P1xmZAFs9s5K2smeIYCqyB8_fnwfPyJ-8Uezjx597xd_tPro0Uevp3WxapuPRh-d82dL-uynf9E6r6-3d8cPxrvjn8Z31UePdn7JSL5t8zKvi7fjabVYVEv7_W73-0W-XNtv937J93_J90cfTVtu8K69-9PZZdZw39Tgkj7d29ndo-72dx_SB1NC8N6n9-mXjx6dZ2WT_5L_JwAA__8tGWMitAAAAA%3d%3d HTTP/1.1

I did the same on a Vista machine, where all controls are skinned properly and the fiddler traces are identical. That is to say I don't see the specific common and skin .css files on Vista within Fiddler, even though all controls are skinned properly.

Thanks!

[Alex Gyoshev]

Hello Jon,

The asset handlers should include all CSS files combined (and compressed). Does the issue persist when the combination and / or compression is switched off? Is there some IIS compression enabled for the assets?

All the best,
Alex Gyoshev
the Telerik team

[Jon Baron]

Thanks Alex,

That's what I thought, especially after viewing the traffic in Fiddler on both machines. Yes the issue persists, I even tried adding 'site.css' to the telerik registar, and it came through fine. If combined is set to false, I can see both common.min.css and whatever them file.css both found and loaded OK, http 200; and 304 (not modified) on subsequent requests. Very odd indeed, it appears that everything should be working.

One thing I noticed, is that when I choose the 'Vista' theme, I can see that the font on my input button has indeed changed. But no visual elements past font were added. The button graphics were not and things like readonly and disabled styles on input text boxes weren't either.

So it seems like it's partly working. but just barely.

Both dynamic and static compression were on, but turning them off had no effect when running the site on webdev.exe (from within visual studio).

Any other ideas?

[Alex Gyoshev]

Hello Jon,

Two ideas:

• try using the source (i.e. non-minified) CSS files
• stop the ScriptRegistrar compression (remove the Compress(true) line)

If none of these help, please submit the fiddler logs so that we can investigate further.

Regards,
Alex Gyoshev
the Telerik team

[Jon Baron]

OK, stopped registar compression without success. I don't see the source .css files, they aren't loaded into my project.

EDIT - Also tried source files from %TELERIK INSTALL PATH%\Source\Telerik.Web.Mvc\Content. I added those files to the project within Content\2012.1.419\ so the scope would be correct to the appropriate folder for image assets.

Again, all Telerik controls are skinned properly, with Image assets. But non-telerik controls are not. In my _layout page, I added these .css files outside of a Telerik registar.

How do you want me to add the files in _layout so you can see what you need to in Fiddler?

[Alex Gyoshev]

Hello Jon,

Looking through the thread messages again, I seem to have misunderstood the issue completely, for which I am truly sorry. Since there is no MVC FormDecorator, the generic components are not styled through the themes. The Vista theme sets the input fields font to Segoe UI, but this is more of a side effect rather than a feature.

If you need to style the form inputs, you can use RadFormDecorator from the ASP.NET AJAX suite, or roll you own styles for the generic inputs.

All the best,
Alex Gyoshev
the Telerik team

[Jon Baron]

Hmm,

OK well I can see now where I was confused. Things are styled different between the 2 machines but it does indeed appear separate from the Telerik themes.

Even though it seems like rolling out own style though will likely be preferable, how would one implement something like RadFormDecorator from the Ajax suite into an MVC project.

Thanks!

And here is another question a bit off topic. i have 2012 Q1 SP1 installed. should this be installed on top of 2012 Q1 or are the SP's stand alone?

Thanks again!

[Jon Baron]

So on further review, the code is indeed in the theme files.

Changing t-button to input["type = submit"] or adding CSS tags accesses the button graphics in the sprite, as an example.

[Alex Gyoshev]

Hello Jon,

> Things are styled different between the 2 machines but it does indeed appear separate from the Telerik themes. 

Indeed, the default styling of the inputs and buttons are derived from the operating system. This happens so that users get to see familiar components on the web pages.

> how would one implement something like RadFormDecorator from the Ajax suite into an MVC project. 

Follow the help topic on integrating the ASP.NET AJAX controls in ASP.NET MVC. The topic itself shows how to integrate RadMenu, but the process for RadFormDecoratior is the same.

> I have 2012 Q1 SP1 installed. should this be installed on top of 2012 Q1 or are the SP's stand alone? 

The service packs are installed on top of the official releases. The official releases themselves can be installed side-by-side.

Greetings,
Alex Gyoshev
the Telerik team

[Abdul Rahman]

I can't  solve the same problem with telerik  themes

can you help me 
thanks