Master Page and Content Page Path in ASP.NET

I ran into this problem that i wanted to share.
i have a master page that i use in a content page but the content page is not in the same directory as the master page.
My master page contains "img" elements, when I browsed to the content page those images weren't displayed because they have invalid path.
I found the solution on the MSDN Site

"ASP.NET cannot modify URLs on elements that are not server controls. For example, if you use an img element on a master page and set its src attribute to a URL, ASP.NET will not modify the URL. In that case, the URL will be resolved in the context of the content page and create the URL accordingly.
In general, when working with elements on master pages, it is recommended that you use a server control, even for elements that do not require server code. For example, instead of using an img element, use an Image server control. That way, ASP.NET can resolve URLs correctly and you can avoid maintenance issues that might arise if you move the master or content page."

However this wasn't any good when it comes to the <body> element, the <body> element in my master page has a backgound image <body style="{backgound-image:">
i converted the body element to a server side control and changed the image url to be '~/images/bg.gif' but it didn't work, so i gave up and handeled it through the code

if (Request.CurrentExecutionFilePath.ToLower().Contains("/admin/"))
{
//not in the same folder
boddy.Style[HtmlTextWriterStyle.BackgroundImage] = "../images/bg.gif";
}
else
boddy.Style[HtmlTextWriterStyle.BackgroundImage] = "images/bg.gif";

Comments

Anonymous said…
Nice peace of code
August 23, 2006 12:02 PM
Anonymous said…
You can also do this and just use one piece of code:

tagname.Style[HtmlTextWriterStyle.BackgroundImage] = ResolveClientUrl("~/images/whatever.jpg");
April 02, 2008 7:06 PM
Anonymous said…
Here's an even easier way I found to do it (from http://techietweaks.blogspot.com/2007/04/designing-masterpages.html)
February 03, 2009 8:33 PM
Post a Comment

Popular posts from this blog

Documentum DQL Query Custom Data Extension For SQL Server Reporting Services

When it comes to Reporting SQL Reporting Services is my favorite choice. SQL Reporting Services has a plenty of data source types but unfortunately Documentum is not one of them, whenever we have to develop some reports based on the data in Documentum we first develop a web service that contains the necessary DQL queries and returns the result in a Data Set, then we create an XML data source that consumes this web service and use it in our reports. Fortunately SQL Reporting Services allows you to extend its data access capabilities by developing a custom data extension (CDE)that retrieves data from your custom data source. I developed a Custom Data Extension for Documentum that allows you to specify a Documentum Repository as a data source and provide your DQL query that will populate your report, I used the Reporting Services SDK Sample (FsiDataExtension) and this Article as starting points You can download the extension from here To install the extension: you have to install the ex...
Read more

Silverlight 4.0 Tutorial (12 of N): Collecting Attendees Feedback using Windows Phone 7

Image
You can find a list of the previous tutorial posts here Continuing our RegistrationBooth Application… It’s very important to collect the attendees feedback to help us improve the future sessions/events we might organize, we can go ahead and implement this functionality in the RegistrationBooth application. but in this post we will take a different approach, we will implement a Windows Phone 7 application that attendees can use on their phones to submit their feedback. Luckily for us Windows Phone 7 uses Silverlight as its development platform (along with XNA), the Silverlight version on Windows Phone is not the same one as the desktop version, think of this as a compact version that fits the phone capabilities. Before we start creating the phone application, first let’s think how we will bring the data to the phone, in the case of the Silverlight application we used WCF RIA services (DomainService) which provided rich client experience for the Silverlight application, Unfortunate...
Read more

Using taco to create Ionic projects for the Windows platform

Image
Recently Microsoft released Tools for Apache Cordova Command Line Interface (TACO CLI), by using TACO, you can quickly start building awesome Apache Cordova apps really and leave all the plumbing of the different platforms dependencies, plugins, etc. to the tools to take care of. For example the following few commands create a cordova project based on the ionic base template, add the android platform to the project, install the platform requirements, build the app, and run it in the emulator: $ taco create sampleApp --template https://github.com/driftyco/ionic-app-base $ cd sampleApp $ taco platform add android $ taco install-reqs android $ taco build android $ taco emulate android Check the TACO home page of for installation instructions and more information http://taco.tools/ . I ran into a problem when i created a new project based on the ionic base template and tried to run it on a windows 8.1 emulator, to reproduce the issue use the following taco commands to cr...
Read more