Master Pages, Themes and Navigation Controls

Re: How to toggle skinned images client side?

garymon — Wed, 30 Nov 2005 00:50:49 GMT

Well I worked out a solution. I don't know if it is the best all around solution, but it works for my needs.

In the scriptBlock where I register my toggle function, I added the following:

scriptString += "var minImage = new Image(); \n";
scriptString += "minImage.src = \"../App_Themes/" + Page.Theme + "/images/Minimize.gif\"; \n";
scriptString += "var maxImage = new Image(); \n";
scriptString += "maxImage.src = \"../App_Themes/" + Page.Theme + "/images/Restore.gif\"; \n";

As long as each theme has 2 files with these names, I'm golden.

-Gary

How to toggle skinned images client side?

garymon — Tue, 29 Nov 2005 22:38:40 GMT

I have a user control that displays some data and emits Javascript to do client side expansion/contraction of the control.
The user control has been skinned except I am having trouble figuring out how to skin the image that is clicked to expand/contract the control. It needs to toggle between 2 images ("+" and "-" for example.). I would like each theme to be able to decide what the two images will be. Basically I need to get both URLs based on theme when I am generating the toggle Javascript in the controls code behind page. Any ideas?

Thank you,
Gary