Material Design Skin

[Jason]

Is anyone else having issues getting the new Material skin to render?  I've just upgraded my project and its the only skin not working. I'm seeing 404s in Chrome Developer Tools when the browser trys to fetch the WebResource files.  I've never had this happen before when new skins roll out.

[Eirik H]

Yeah, came here for a solution this, seeing the same thing, haven't started debugging yet.

[Pavlina]

Hello,

Thank you for contacting us.

In order to resolve the problem you encounter could you try adding the attached resource file in the CDN package under the following directory:
Telerik_UI_for_ASP.NET_AJAX_2016_1_113_CDN_Resources\Skins\ajaxz\2016.1.113\Common\fonts\material 

Give this suggestion a try and let me know if it helps to take care of the error. 

 

Regards,
Pavlina
Telerik

[Jason]

Pavlina,

Can you give more detailed instructions? I dont think I have that directory. Do I need to make it? Where do I make it?

Thanks

[Jon]

Hi Pavlina,

Is this issue seen as a black box on Chrome?  I am seeing that the sort order icon on grids is not visible.  IE doesn't show anything but Chrome renders a small black box.  Interestingly the filter iconworks properly so whatever this is seems to only affect a few icons.

As with Jason I don't have the folder that you said.  I put the file in the C:\Program Files (x86)\Telerik\UI for ASP.NET AJAX Q1 2016\Skins\Common\fonts\material folder but it didn't fix the issue so not sure if this is the same issue or not...

Regards

Jon

[Jason]

Jon,

I dont get the skin in any browser.  I'm seeing this as a botched release of a new feature at this point.

Attached is a pic of a toolbar and grid I have set to use Material, no CSS whatsoever. Also attached is a pic of the fail as seen by Chrom Dev Tools

[Jon]

Hi Jason,

Ouch yeah that's not great.  My issue is different then as the skin works fine except for that one issue.

I presume that you tried all the normal stuff like cleaning solution, test on new solution and reinstall after a full uninstall with manual removal of remaining files?

Hope you get it working as the skin really is easy to work with - hardly any sprites to contend with and it looks great.

Cheers

Jon

[Jason]

Jon,

I take back my last remark.  I tested on a new project and it does work there so it must be something with my existing project and I don't think a full uninstall/reinstall is needed now. Any ideas on where to look?

[Jon]

Hi Jason,

Sorry not really sure - I assume you migrated with the VS wizard?  Maybe someone from Telerik will be able to help now that you know the install isn't broken.

Cheers

Jon

[Jason]

Jon,

Yes I did use the migration wiz, twice.  I even cleared out Telerik from my project and did a conversion back again. I'm gonna abandon Material skin for now as it was just a trial to see it in action on my current pages and nothing else seems to be broken.

Thanks for your help!

Jason

[Jon]

Its worth persevering as it does give you a fairly fast facelift to an existing site.  I started on it last Wed lunchtimeand am now about 60% through the conversion.  The old site was on the office black and this one makes such a difference (see the attached image for an example of where my site is at now).  Good luck with it!

[Pavlina]

Hello,

Did you try to upgrade your project manually based on the instructions in the following article? If not try following the steps provided there and let us know if you are still unable to use the new Material skin.
http://docs.telerik.com/devtools/aspnet-ajax/installation/upgrading-instructions/upgrading-a-trial-to-a-developer-license-or-to-a-newer-version#manual-upgrade

Regards,

Pavlina
Telerik

[Jason]

Hi again Pavlina,

 I just tried this again paying close attention to instructions in case I missed a step, but after reinstalling manually Material Skin still does not work.

[Pavlina]

Hello Jason,

At this point I would ask you isolate the issue in a sample runnable project and send it to us so we can investigate the case further. Otherwise it would be difficult to say why Material skin is not working on your end.

Regards,
Pavlina
Telerik

[Daniel]

Hi Jason/Pavlina. I'm not sure where this is up to as it's been a while. I can replicate this problem. In several of our projects, including an empty web site from scratch with RadScriptManager and a single RadTextBox with the skin set to Material. The designer lets you pick the skin as well so it's weird. No other skin is causing an issue. We're using version 2016.2.504.45 and we've also tried 2016.1.412.Dev with the same result. See attached from Chrome console. We'd really like to use this skin as it's lightweight and clean. Thanks. Daniel.

[Daniel]

Apologies, setting RenderMode="Mobile" fixes the issue - Sorry I wasn't aware of this setting. Thanks. Daniel.