Click here to Skip to main content
Click here to Skip to main content

URL Routing and Stylesheets/Javascript

By , 24 Feb 2010
 
When working with the new URL routing portion of the ASP.NET 4.0, there is a gotcha that needs to be worked around.
 
Assume a website with the following structure:
~/Images/header.jpg
~/Stylesheets/style.css
~/Scripts/scripts.js
 
~/Driver/Details.aspx
~/Default.aspx
 
Also assume you use URL routing to change the structure of the page
/Driver/Details/{CustomerNumber} maps to ~/Driver/Details.aspx
 
When including the <script> and <link> tags in your details.aspx page, if you use the normal "../Stylesheets/style.css", then the stylesheets wont load, nor will the scripts because the page would be looking for "/Driver/Stylesheets/style.css".
 
Instead, use the <%= ResolveClientURL("~/Stylesheets/style.css") %> method to define the source of the resource.
 
Example:
<link href='<%= ResolveClientUrl("~/StyleSheets/ui.tabs.css") %>' rel="stylesheet"
    type="text/css" />
<pre lang="xml"><script src='<%= ResolveClientUrl("~/Scripts/ui.core.js") %>' type="text/javascript"></script>

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Stephen Inglish
Software Developer (Senior) Harland Financial Solutions
United States United States
Member
No Biography provided

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
GeneralExcellent! You are the first one who solves this =D Exactl...memberVlenno15 Nov '10 - 8:03 
Excellent!
You are the first one who solves this =D
Exactly what i needed, Thanks a bunch!

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Permalink | Advertise | Privacy | Mobile
Web03 | 2.6.130523.1 | Last Updated 24 Feb 2010
Article Copyright 2010 by Stephen Inglish
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid