Load css file dynamically in asp.net MVC4

Question

I wonder is this a correct way to do I have an application used to target mobile, tablet and browser. In javascript I'm using. this is working in html page. Now I have migrated this app in in asp.net mvc 4 and to work it properly I defined rootpath variable and assigned it "../". and concatenated it as shown below structure of project is given in image. I want to use it in index.cshtml view which is also my default view.

        var userAgent = window.navigator.userAgent;
        var rootpath ="../";
        if (userAgent.indexOf("iPhone") >= 0 || userAgent.indexOf("iPad") >= 0) {
            isiOS = true;
        }
        if (userAgent.indexOf("Android") >= 0 || userAgent.indexOf("iPhone") >= 0) {
            isMobileDevice = true;
            dojo.byId('dynamicStyleSheet').href = rootpath + "styles/mobile.css";

        }
        else if (userAgent.indexOf("iPad") >= 0) {
            isTablet = true;
            dojo.byId('dynamicStyleSheet').href = rootpath + "styles/tablet.css";

        }
        else {
            isBrowser = true;

            dojo.byId('dynamicStyleSheet').href = rootpath + "styles/browser.css";

        }

enter image description here

Thapediso Motshabi · Accepted Answer · 2013-04-10 12:22:20Z

1

For styling you can just do it this way.From Razor view it shall be able to load all the style elements that you want.

<link href="../../AppStyles/templatemo_style.css" rel="stylesheet" type="text/css" />

answered Apr 10, 2013 at 12:22

Thapediso Motshabi

212 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user641812 Over a year ago

Thanks for your reply but I could not undersatnd your answer

Collectives™ on Stack Overflow

Load css file dynamically in asp.net MVC4

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related