Cusotm Image button and themes

[CK]

Hello All,
I am trying to extend the default asp:ImageButton to include an image for an
enabled state and a second image for a disabled state. I currently did this
by extending the ImageButton class in a custom control, creating a property
for each of these images (EnabledImageUr l, DisabledImageUr l) and then
overrode the Enabled property to change base.ImageUrl respectively. I am
also trying to use Themes with this web site. The problem is (I can tell by
looking in the page source) that when the image urls are stored in the
custom control they are not being resolved to the actual path of the images
(they are "image\<picName >.gif" in the skin file). Also, when the ImageUrl
is set on the base class it is also not being resolved to the actual (theme)
path. I was wondering if there is something I have to do with my custom
control, some convenience method I can run to resolve these paths or if
there is a specific point in the ASP page lifecycle that I have to plug in
to in order for these paths to get resolved by default.
public class MultiImageButto n : ImageButton
{
private string _enabledImageUr l;
private string _disabledImageU rl;
public bool Enabled
{
get { return base.Enabled; }
set{
base.Enabled = value;
base.ImageUrl = value ? _enabledImageUr l :
_disabledImageU rl;
}
}

public string EnabledImageUrl
{
get { return _enabledImageUr l; }
set{
_enabledImageUr l = value;
if (Enabled)
base.ImageUrl = Page._enabledIm ageUrl;
}
}

public string DisabledImageUr l
{
get
{
return _disabledImageU rl;
}
set
{
_disabledImageU rl = value;
if (!Enabled)
base.ImageUrl = _disabledImageU rl;
}
}
}

[Cowboy \(Gregory A. Beamer\)]

I did a rollover image that was inherited from the image class. To get the
client side url of the images (and be able to use the ~), which I am
assuming is your issue, use ResolveClientUr l in your RenderControl method
(or in a function you call to help build the HTML output).

return base.ResolveCli entUrl(_swapIma geUrl);
--
Gregory A. Beamer
MVP; MCP: +I, SE, SD, DBA
http://gregorybeamer.spaces.live.com/

*************** *************** *************** ****
Think Outside the Box!
*************** *************** *************** ****
"CK" <c_**********@h otmail.comwrote in message
news:VI******** *********@newss vr12.news.prodi gy.com...

Hello All,
I am trying to extend the default asp:ImageButton to include an image for
an enabled state and a second image for a disabled state. I currently did
this by extending the ImageButton class in a custom control, creating a
property for each of these images (EnabledImageUr l, DisabledImageUr l) and
then overrode the Enabled property to change base.ImageUrl respectively.
I am also trying to use Themes with this web site. The problem is (I can
tell by looking in the page source) that when the image urls are stored in
the custom control they are not being resolved to the actual path of the
images (they are "image\<picName >.gif" in the skin file). Also, when the
ImageUrl is set on the base class it is also not being resolved to the
actual (theme) path. I was wondering if there is something I have to do
with my custom control, some convenience method I can run to resolve these
paths or if there is a specific point in the ASP page lifecycle that I
have to plug in to in order for these paths to get resolved by default.
public class MultiImageButto n : ImageButton
{
private string _enabledImageUr l;
private string _disabledImageU rl;
public bool Enabled
{
get { return base.Enabled; }
set{
base.Enabled = value;
base.ImageUrl = value ? _enabledImageUr l :
_disabledImageU rl;
}
}

public string EnabledImageUrl
{
get { return _enabledImageUr l; }
set{
_enabledImageUr l = value;
if (Enabled)
base.ImageUrl = Page._enabledIm ageUrl;
}
}

public string DisabledImageUr l
{
get
{
return _disabledImageU rl;
}
set
{
_disabledImageU rl = value;
if (!Enabled)
base.ImageUrl = _disabledImageU rl;
}
}
}

[CK]

Thanks for the reply. I did try that before and it didn't work, but it's
good to know what that method is used for. When I used it, the method
returned an absolute path for the website based on the location of the page
containing the control. My problem is that the theme information is located
at \\WebSite\App_T hemes\MyTheme\ with the images for that theme located at
\\WebSite\App_T hemes\MyTheme\I mages and most of the pages of my site have a
path similar to \\WebSite\MyWeb Page.aspx. All of the other skin information
for traditional asp controls contains properties like ImageUrl="image s\mypic.gif"
and they work correctly. Using Reflector, I was able to determine that, at
some point, the page itself iterates through its controls and applies skin
information, which I'm assuming also includes adjusting the paths to any
skin information to absolute paths. For some reason, the paths on this
custom control and its parent are not being adjusted to include the skin
path (when I view the source of the page, the image src for the custom
control is still "images\mypic.g if" where all of the other paths have been
changed to "App_Themes\MyT heme\images\myp ic.gif").
I'm thinking there has to be some type of attribute I am missing or some
type of method I need to implement to get this custom control to be included
when the page is adjusting the paths for the skin information

TIA
~CK

"Cowboy (Gregory A. Beamer)" <No************ @comcast.netNoS pamMwrote in
message news:%2******** ********@TK2MSF TNGP04.phx.gbl. ..

>I did a rollover image that was inherited from the image class. To get the
client side url of the images (and be able to use the ~), which I am
assuming is your issue, use ResolveClientUr l in your RenderControl method
(or in a function you call to help build the HTML output).

return base.ResolveCli entUrl(_swapIma geUrl);
--
Gregory A. Beamer
MVP; MCP: +I, SE, SD, DBA
http://gregorybeamer.spaces.live.com/

*************** *************** *************** ****
Think Outside the Box!
*************** *************** *************** ****
"CK" <c_**********@h otmail.comwrote in message
news:VI******** *********@newss vr12.news.prodi gy.com...

>Hello All,
I am trying to extend the default asp:ImageButton to include an image for
an enabled state and a second image for a disabled state. I currently
did this by extending the ImageButton class in a custom control, creating
a property for each of these images (EnabledImageUr l, DisabledImageUr l)
and then overrode the Enabled property to change base.ImageUrl
respectively . I am also trying to use Themes with this web site. The
problem is (I can tell by looking in the page source) that when the image
urls are stored in the custom control they are not being resolved to the
actual path of the images (they are "image\<picName >.gif" in the skin
file). Also, when the ImageUrl is set on the base class it is also not
being resolved to the actual (theme) path. I was wondering if there is
something I have to do with my custom control, some convenience method I
can run to resolve these paths or if there is a specific point in the ASP
page lifecycle that I have to plug in to in order for these paths to get
resolved by default.
public class MultiImageButto n : ImageButton
{
private string _enabledImageUr l;
private string _disabledImageU rl;
public bool Enabled
{
get { return base.Enabled; }
set{
base.Enabled = value;
base.ImageUrl = value ? _enabledImageUr l :
_disabledImage Url;
}
}

public string EnabledImageUrl
{
get { return _enabledImageUr l; }
set{
_enabledImageUr l = value;
if (Enabled)
base.ImageUrl = Page._enabledIm ageUrl;
}
}

public string DisabledImageUr l
{
get
{
return _disabledImageU rl;
}
set
{
_disabledImageU rl = value;
if (!Enabled)
base.ImageUrl = _disabledImageU rl;
}
}
}