Master Pages, Themes and Navigation Controls

Re: How to make a theme independent reference to an image

pkellner — Mon, 26 May 2008 02:27:03 GMT

Thanks Dave,

So, I'm pretty sure I know what you mean here but just in case, I googled (ok live searched) for an example. Hard to believe (ok, not that hard) but I found myself asking the same question about 18 months ago. Arg. Brain freeze is the only excuse. So, I decided best to blog the answer and maybe I'll remember it longer this time.

Thanks again for the tip.

http://peterkellner.net/2008/05/25/codecampwebsiteseries3/

Re: How to make a theme independent reference to an image

Dave Sussman — Sun, 25 May 2008 16:15:25 GMT

You should store the images under the themes and set the ImageUrl in the skin file. Give the control a SkinID in both the skin file and in the page. When the theme changes the appropriate image will be used.

Re: How to make a theme independent reference to an image

pkellner — Sun, 25 May 2008 16:10:49 GMT

If I follow the suggestion above (or do it in line with a Page.DataBind()) the problem is there is no design time support and it makes life difficult for the page designer since they have this extra syntax to use.

Is there a "nice" way to do it that keeps the page designer happy and has design time support?

ImageUrl="<%= '~/App_Themes/' + this.Theme + '/Image/headCodeCamp.gif' %>"

Re: How to make a theme independent reference to an image

kamii47 — Sat, 24 May 2008 18:37:49 GMT

pkellner.

R U able to solve your problem ?

Re: How to make a theme independent reference to an image

kamii47 — Sat, 24 May 2008 16:59:37 GMT

easiest way is to do this in yourcodebehind

ImageButton1.ImageUrl="~/App_Themes/"+ this.Theme +"/Images/login.gif";

How to make a theme independent reference to an image

pkellner — Sat, 24 May 2008 16:50:13 GMT

I currently have an image button as follows. What is the simplest way to reference login.gif when my theme changes from Gray to Red for example

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/App_Themes/Gray/Images/login.gif" />