Click here to Skip to main content
15,867,594 members
Articles / Web Development / ASP.NET
Article

WebResource ASP.NET 2.0 explained

Rate me:
Please Sign up or sign in to vote.
4.89/5 (53 votes)
26 Feb 20063 min read 355.1K   1.5K   138   88
WebResource (rumours and lies exposed): this is how you really do it.

Introduction

This code drop is part of Redux series. This article started out to be about a dropdown date/time ASP.NET 2.0 server control. So I built the control and all its ancillary JavaScript, along with the images, and then everything was put into a zip file for uploading to the CodeProject. The installation instructions for the control went something like this:

  • Unzip the contents to a folder.
  • Copy the DLL to the Bin folder of your new project.
  • Copy the JavaScript file.
  • Copy the CSS file.
  • Copy the images.

Hey, wait a minute, this is really lame, why all the extra files, why not embed them into the DLL as resources. That was the beginning of three days of hell trying to understand and work with WebResources. I have boiled it down to about twenty lines of working code.

Nothing else on the net gives you an actual working sample and a lot of the information is simply wrong (possibly because it was based on beta versions). Well, this code compiles and runs on the release version of .NET 2.0.

Code snippets

Create a project which looks like this (you can get the control from the download and then just add an ASP.NET project to the solution):

Highlight the three files in MyResources, and in the Properties window, set Build Action to Embedded Resource:

The source for the control is as follows:

C#
namespace MyWebResourceProj
{
  [ToolboxData("<{0}:MyWebResource runat="server"></{0}:MyWebResource>")]
  public class MyWebResource : System.Web.UI.WebControls.TextBox
  {
      protected override void RenderContents(HtmlTextWriter output)
      {
         output.Write(Text);
      }

      protected override void OnInit(EventArgs e)
      {
        base.OnInit(e);
        this.Page.ClientScript.RegisterClientScriptInclude(
           this.GetType(), "Test", 
           Page.ClientScript.GetWebResourceUrl(this.GetType(), 
           "MyWebResourceProj.MyResources.Test.js"));

        // create the style sheet control
        // and put it in the document header
        string csslink = "<link href='" + 
           Page.ClientScript.GetWebResourceUrl(this.GetType(), 
            "MyWebResourceProj.MyResources.Test.css")
           + "' rel='stylesheet' type='text/css' />";
        LiteralControl include = new LiteralControl(csslink);
        this.Page.Header.Controls.Add(include);
      }
  }

This is not a discussion on server controls, so let's focus on the parameters of GetWebResourceUrl:

  • this.GetType() - mandatory, just do it.
  • "MyWebResourceProj.MyResources.Test.js" - this is the most misunderstood parameter and the source of just about all errors. It is composed of [Assembly of this project].[Folder containing resource].[Filename of resource].

No matter what you read anywhere else, including Microsoft's official documentation (which is wrong), if you don't do it this way, you will fail (I know this from personal experience).

Now on to the AssemblyInfo.cs:

C#
[assembly: System.Web.UI.WebResource(
      "MyWebResourceProj.MyResources.Test.css", "text/css")]
[assembly: System.Web.UI.WebResource(
      "MyWebResourceProj.MyResources.Test.js", 
      "text/javascript", PerformSubstitution = true)]
[assembly: System.Web.UI.WebResource(
      "MyWebResourceProj.MyResources.Test.gif", "image/gif")]

You need to specify the resource name exactly as you did in your program code. You need to specify the mime-type. If the file contains JavaScript, you may want to have ASP.NET perform text substitution. For example, you may have a line in JavaScript like:

JavaScript
document.write("<img src='Test.gif'>");

When you embed your images in a resource, you no longer know the name of it as it appears in the resource. To fix this, code as follows:

JavaScript
document.write("<img src='<%=WebResource("MyWebResourceProj" + 
                                 ".MyResources.Test.gif")%>'>");

All the "official documentation" and all the articles on the web say that you can leave [AssemblyName].[FolderName] out. But they are dead wrong!

Note: if you are using this control as the base class of another, see yc4king's note below.

Update

KonstantinG has pointed out an error which only becomes apparent when your namespace is not the same as your assembly name. Previously, I had indicated that the name of the resource is: [Namespace of this project].[Folder containing resource].[Filename of resource], but really it is [Assembly of this project].[Folder containing resource].[Filename of resource]. As always, the best way to find information on this is by using Lutz Roeder's .NET Reflector available at aisto.com.

SmashGrab / Redux series

I have recently started two series of articles here at CodeProject.

Smash and Grab is intended as a series of short articles on one specific code technique. Redux is intended as a series of longer articles which attempts to reduce a complicated topic (like WebResource) into its basic constituent parts and show that once you have all the information, it isn't really that hard. To find the Smash and Grab articles, search for the keyword SmashGrab. To find the Redux articles, search for the keyword Redux. I welcome any contributions to either series, but please follow the guidelines when submitting articles to either.

Conclusion

So there you have it, everything you need to know to use WebResources. This article documented how to place CSS files in the <head> section, extract JavaScript files, dynamically change the contents of a JavaScript file.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Software Developer (Senior)
Canada Canada
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
Questionabout art. WebResource ASP.NET 2.0 explained Pin
Rajung30-Jan-13 21:52
Rajung30-Jan-13 21:52 
GeneralInherit from control that uses embedded resource... Pin
Fayu13-Sep-10 12:21
Fayu13-Sep-10 12:21 
AnswerRe: Inherit from control that uses embedded resource... Pin
Fayu11-Mar-12 16:11
Fayu11-Mar-12 16:11 
QuestionCan I access server variables within the embedded resource file? Pin
EM1L2-Sep-10 1:50
professionalEM1L2-Sep-10 1:50 
QuestionWhat about images referred to within CSS? Pin
robvon20-Jan-10 15:32
robvon20-Jan-10 15:32 
AnswerRe: What about images referred to within CSS? Pin
robvon30-Jan-10 21:26
robvon30-Jan-10 21:26 
GeneralGreat! Pin
joao paulo turski2-Jan-10 3:08
joao paulo turski2-Jan-10 3:08 
General[AssemblyName].[FolderName] Pin
Pa226-Nov-09 6:50
Pa226-Nov-09 6:50 
GeneralRe: [AssemblyName].[FolderName] Pin
Steve Pritchard9-Dec-09 7:27
Steve Pritchard9-Dec-09 7:27 
GeneralYohoo!!! Pin
Azerax21-Oct-09 4:43
Azerax21-Oct-09 4:43 
Generalit works in aspx but not work in ascx Pin
ngohieutp25-Mar-09 8:14
ngohieutp25-Mar-09 8:14 
Question"very urgent" how can i make &gt; link send to a friend option &lt; using asp.net 2.0 Pin
sandeepgreaternoida27-Dec-08 0:51
sandeepgreaternoida27-Dec-08 0:51 
GeneralMy vote of 2 Pin
noname-201326-Nov-08 7:52
noname-201326-Nov-08 7:52 
Rantfor those who doesn't know what is msdn and asp.net forum Pin
noname-201326-Nov-08 7:51
noname-201326-Nov-08 7:51 
GeneralAwesome article Pin
Abhishek Sur9-Oct-08 22:28
professionalAbhishek Sur9-Oct-08 22:28 
Generalthanks for removing the confusion Pin
DarrenJames29-Jul-08 2:11
DarrenJames29-Jul-08 2:11 
GeneralGreat Article Pin
Viktar Karpach9-Jul-08 6:17
Viktar Karpach9-Jul-08 6:17 
QuestionResource not showing when in release mode Pin
mrod153-Jun-08 9:53
mrod153-Jun-08 9:53 
Generalholding the control properties Pin
jayaram04076-May-08 7:01
jayaram04076-May-08 7:01 
GeneralImage not displayed from assembly web resource Pin
Sudhir Yadav25-Oct-07 22:30
Sudhir Yadav25-Oct-07 22:30 
GeneralRe: All the "official documentation" ..... are dead wrong! Pin
Extractor7-Aug-07 21:04
Extractor7-Aug-07 21:04 
GeneralRe: All the "official documentation" ..... are dead wrong! Pin
stmarti12-Sep-07 2:56
stmarti12-Sep-07 2:56 
GeneralGood work Pin
toepoke10-Jun-07 10:19
toepoke10-Jun-07 10:19 
GeneralWorth Mentioning Pin
Frank Olorin Rizzi19-May-07 4:36
Frank Olorin Rizzi19-May-07 4:36 
QuestionJS functions not working Pin
Udit Handa1-May-07 23:15
Udit Handa1-May-07 23:15 

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

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.