Driving me nuts...

[Marty]

It seems all of the sudden that user controls that
contain images are referencing image sources relative to
the document that I drop the control on. This obviously
does not work beacuase the image source is relative to
the user control, not necessarily the form. Can anyone
tell me why this would be the case?

[Brian W]

FWIW, this drives me nuts too!

This is how I do it for asp image, after dropping the control on the page
(or user control) I change the ImageUrl to something like
"~/'images/mypicture.jpg"

For an IMG html control I use src="<%=Resolve Url("~/image/mypicture.jpg") %>"

The drawback to both of these is you don't get to see the actual image in
design mode, only the place marker.

HTH
Brian W

"Marty" <an*******@disc ussions.microso ft.com> wrote in message
news:00******** *************** *****@phx.gbl.. .

It seems all of the sudden that user controls that
contain images are referencing image sources relative to
the document that I drop the control on. This obviously
does not work beacuase the image source is relative to
the user control, not necessarily the form. Can anyone
tell me why this would be the case?

[Jim Cheshire [MSFT]]

Marty,

I'm a bit confused. The URL to the image will have to be relative to the
Webform onto which your user control is placed. If not, the image link
will be broken.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

Content-Class: urn:content-classes:message
From: "Marty" <an*******@disc ussions.microso ft.com>
Sender: "Marty" <an*******@disc ussions.microso ft.com>
Subject: Driving me nuts...
Date: Mon, 10 Nov 2003 11:07:37 -0800
Lines: 6
Message-ID: <00************ *************** *@phx.gbl>
MIME-Version: 1.0
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: 7bit
X-Newsreader: Microsoft CDO for Windows 2000
Thread-Index: AcOnvefxXWxzEBR 1RRmi3tV9aszCgw ==
X-MimeOLE: Produced By Microsoft MimeOLE V5.50.4910.0300
Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
Path: cpmsftngxa06.ph x.gbl
Xref: cpmsftngxa06.ph x.gbl microsoft.publi c.dotnet.framew ork.aspnet:1898 10
NNTP-Posting-Host: TK2MSFTNGXA13 10.40.1.165
X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet

It seems all of the sudden that user controls that
contain images are referencing image sources relative to
the document that I drop the control on. This obviously
does not work beacuase the image source is relative to
the user control, not necessarily the form. Can anyone
tell me why this would be the case?

[Brian W]

This is exactly the problem

When placing an image control on a UserControl the path assigned to the
image will be relative to the user control which is not necessarily the same
as the webform the user control is placed on.

Take the following example:

I have a folder/structure like this

root \+
Default.aspx
+- images\
mypicture.jpg
+- controls
myheader.ascx
+- help\
about.aspx

if I place an image control on myheader.ascx and use the designer to assign
the image, the designer assigns ../images/mypicture.jpg to the ImageUrl
attribute.

When I place myheader.ascx on Default.aspx (which reside in the root) and
run the app the link to mypicture.jpg is broken because
.../images/mypicture.jpg is not the correct relative path in the context of
Default.aspx.

Now, if I place myheader.ascx on about.aspx (residing in help directory) the
link is un-broken because the relative path for about.aspc is correct.

Clear as mud, right?!?! ;-)

I actually brought this very topic up several months ago in this or the IDE
NG.
Brian W


"Jim Cheshire [MSFT]" <ja******@onlin e.microsoft.com > wrote in message
news:cd******** *****@cpmsftngx a06.phx.gbl...

Marty,

I'm a bit confused. The URL to the image will have to be relative to the
Webform onto which your user control is placed. If not, the image link
will be broken.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

Content-Class: urn:content-classes:message
From: "Marty" <an*******@disc ussions.microso ft.com>
Sender: "Marty" <an*******@disc ussions.microso ft.com>
Subject: Driving me nuts...
Date: Mon, 10 Nov 2003 11:07:37 -0800
Lines: 6
Message-ID: <00************ *************** *@phx.gbl>
MIME-Version: 1.0
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: 7bit
X-Newsreader: Microsoft CDO for Windows 2000
Thread-Index: AcOnvefxXWxzEBR 1RRmi3tV9aszCgw ==
X-MimeOLE: Produced By Microsoft MimeOLE V5.50.4910.0300
Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
Path: cpmsftngxa06.ph x.gbl
Xref: cpmsftngxa06.ph x.gbl microsoft.publi c.dotnet.framew ork.aspnet:1898 10NNTP-Posting-Host: TK2MSFTNGXA13 10.40.1.165
X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet

It seems all of the sudden that user controls that
contain images are referencing image sources relative to
the document that I drop the control on. This obviously
does not work beacuase the image source is relative to
the user control, not necessarily the form. Can anyone
tell me why this would be the case?

[Marty]

Thanks everyone. I've taken all the feedback and
formulated a few scenarious which now seem to be working
OK.

--------------------------

When using objects that support runat=server, use ~/ to
indicate "virtual root":

<a runat=server href="~/Forms/main.aspx"></a>

When using controls that do not support runat=server
(such as TD to set its background) use Page.ResolveURL :

<TD background="<%= Page.ResolveUrl ("~/Images/fadeBG.jpg")
%>" height="5"></TD>

When using javascript for control attributes:

imgHome.Attribu tes.Add("onMous eOver", "this.src=' " &
Page.ResolveUrl ("~/Images/btn_home_dn.gif ") & "';")

[Jim Cheshire [MSFT]]

Brian,

Let me have a look into this. I'll post back to this thread ASAP.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

From: "Brian W" <brianw@gold_de ath_2_spam_rush .com>
References: <00************ *************** *@phx.gbl> <cd************ *@cpmsftngxa06. phx.gbl>Subject: Re: Driving me nuts...
Date: Mon, 10 Nov 2003 12:15:20 -0800
Lines: 89
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2800.1158
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1165
Message-ID: <e7************ **@TK2MSFTNGP12 .phx.gbl>
Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
NNTP-Posting-Host: dsl-107.goldrush.co m 206.171.170.107
Path: cpmsftngxa06.ph x.gbl!TK2MSFTNG XA06.phx.gbl!TK 2MSFTNGXA05.phx .gbl!TK2MSFTNGP 0
8.phx.gbl!TK2MS FTNGP12.phx.gblXref: cpmsftngxa06.ph x.gbl microsoft.publi c.dotnet.framew ork.aspnet:1898 38
X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet

This is exactly the problem

When placing an image control on a UserControl the path assigned to the
image will be relative to the user control which is not necessarily the sameas the webform the user control is placed on.

Take the following example:

I have a folder/structure like this

root \+
Default.aspx
+- images\
mypicture.jpg
+- controls
myheader.ascx
+- help\
about.aspx

if I place an image control on myheader.ascx and use the designer to assign
the image, the designer assigns ../images/mypicture.jpg to the ImageUrl
attribute.

When I place myheader.ascx on Default.aspx (which reside in the root) and
run the app the link to mypicture.jpg is broken because
../images/mypicture.jpg is not the correct relative path in the context of
Default.aspx .

Now, if I place myheader.ascx on about.aspx (residing in help directory) thelink is un-broken because the relative path for about.aspc is correct.

Clear as mud, right?!?! ;-)

I actually brought this very topic up several months ago in this or the IDE
NG.
Brian W


"Jim Cheshire [MSFT]" <ja******@onlin e.microsoft.com > wrote in message
news:cd******* ******@cpmsftng xa06.phx.gbl...

Marty,

I'm a bit confused. The URL to the image will have to be relative to the
Webform onto which your user control is placed. If not, the image link
will be broken.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

>Content-Class: urn:content-classes:message
>From: "Marty" <an*******@disc ussions.microso ft.com>
>Sender: "Marty" <an*******@disc ussions.microso ft.com>
>Subject: Driving me nuts...
>Date: Mon, 10 Nov 2003 11:07:37 -0800
>Lines: 6
>Message-ID: <00************ *************** *@phx.gbl>
>MIME-Version: 1.0
>Content-Type: text/plain;
> charset="iso-8859-1"
>Content-Transfer-Encoding: 7bit
>X-Newsreader: Microsoft CDO for Windows 2000
>Thread-Index: AcOnvefxXWxzEBR 1RRmi3tV9aszCgw ==
>X-MimeOLE: Produced By Microsoft MimeOLE V5.50.4910.0300
>Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
>Path: cpmsftngxa06.ph x.gbl
>Xref: cpmsftngxa06.ph x.gblmicrosoft.publ ic.dotnet.frame work.aspnet:189 810 >NNTP-Posting-Host: TK2MSFTNGXA13 10.40.1.165
>X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
>
>It seems all of the sudden that user controls that
>contain images are referencing image sources relative to
>the document that I drop the control on. This obviously
>does not work beacuase the image source is relative to
>the user control, not necessarily the form. Can anyone
>tell me why this would be the case?
>

[Brian W]

For reference, see this thread started December of last year in this very NG

http://groups.google.com/groups?hl=e...40TK2MSFTNGP09
Brian W
"Jim Cheshire [MSFT]" <ja******@onlin e.microsoft.com > wrote in message
news:SI******** ********@cpmsft ngxa06.phx.gbl. ..

Brian,

Let me have a look into this. I'll post back to this thread ASAP.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

From: "Brian W" <brianw@gold_de ath_2_spam_rush .com>
References: <00************ *************** *@phx.gbl> <cd************ *@cpmsftngxa06. phx.gbl>

Subject: Re: Driving me nuts...
Date: Mon, 10 Nov 2003 12:15:20 -0800
Lines: 89
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2800.1158
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1165
Message-ID: <e7************ **@TK2MSFTNGP12 .phx.gbl>
Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
NNTP-Posting-Host: dsl-107.goldrush.co m 206.171.170.107
Path:

cpmsftngxa06.ph x.gbl!TK2MSFTNG XA06.phx.gbl!TK 2MSFTNGXA05.phx .gbl!TK2MSFTNGP 0 8.phx.gbl!TK2MS FTNGP12.phx.gbl

Xref: cpmsftngxa06.ph x.gbl microsoft.publi c.dotnet.framew ork.aspnet:1898 38X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet

This is exactly the problem

When placing an image control on a UserControl the path assigned to the
image will be relative to the user control which is not necessarily the

same

as the webform the user control is placed on.

Take the following example:

I have a folder/structure like this

root \+
Default.aspx
+- images\
mypicture.jpg
+- controls
myheader.ascx
+- help\
about.aspx

if I place an image control on myheader.ascx and use the designer to assignthe image, the designer assigns ../images/mypicture.jpg to the ImageUrl
attribute.

When I place myheader.ascx on Default.aspx (which reside in the root) and
run the app the link to mypicture.jpg is broken because
../images/mypicture.jpg is not the correct relative path in the context ofDefault.aspx .

Now, if I place myheader.ascx on about.aspx (residing in help directory)

the

link is un-broken because the relative path for about.aspc is correct.

Clear as mud, right?!?! ;-)

I actually brought this very topic up several months ago in this or the IDENG.
Brian W


"Jim Cheshire [MSFT]" <ja******@onlin e.microsoft.com > wrote in message
news:cd******* ******@cpmsftng xa06.phx.gbl...

Marty,

I'm a bit confused. The URL to the image will have to be relative to the Webform onto which your user control is placed. If not, the image link
will be broken.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------
>Content-Class: urn:content-classes:message
>From: "Marty" <an*******@disc ussions.microso ft.com>
>Sender: "Marty" <an*******@disc ussions.microso ft.com>
>Subject: Driving me nuts...
>Date: Mon, 10 Nov 2003 11:07:37 -0800
>Lines: 6
>Message-ID: <00************ *************** *@phx.gbl>
>MIME-Version: 1.0
>Content-Type: text/plain;
> charset="iso-8859-1"
>Content-Transfer-Encoding: 7bit
>X-Newsreader: Microsoft CDO for Windows 2000
>Thread-Index: AcOnvefxXWxzEBR 1RRmi3tV9aszCgw ==
>X-MimeOLE: Produced By Microsoft MimeOLE V5.50.4910.0300
>Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
>Path: cpmsftngxa06.ph x.gbl
>Xref: cpmsftngxa06.ph x.gbl

microsoft.publ ic.dotnet.frame work.aspnet:189 810

>NNTP-Posting-Host: TK2MSFTNGXA13 10.40.1.165
>X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
>
>It seems all of the sudden that user controls that
>contain images are referencing image sources relative to
>the document that I drop the control on. This obviously
>does not work beacuase the image source is relative to
>the user control, not necessarily the form. Can anyone
>tell me why this would be the case?
>

[Jim Cheshire [MSFT]]

I tested this on VS.NET 2002 and the 1.0 and 1.1 Framework and could not
reproduce it. I then tested the same thing on VS.NET 2003 and again could
not reproduce it.

I created a new user control and added an Image control to it. I then set
the image src and it is relative to the user control (which is what I would
expect since the dialog is set to Document Relative.) I then add my user
control to a webform in another folder (so that the relative path will be
different) and then build and browse. The image link is corrected to be
relative to the page.

Can someone encountering this problem provide me with some repro steps?

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

From: "Brian W" <brianw@gold_de ath_2_spam_rush .com>
References: <00************ *************** *@phx.gbl> <cd************ *@cpmsftngxa06. phx.gbl>
<e7************ **@TK2MSFTNGP12 .phx.gbl>
<SI************ **@cpmsftngxa06 .phx.gbl>Subject: Re: Driving me nuts...
Date: Mon, 10 Nov 2003 15:41:24 -0800
Lines: 142
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2800.1158
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1165
Message-ID: <#8************ **@TK2MSFTNGP11 .phx.gbl>
Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
NNTP-Posting-Host: dsl-107.goldrush.co m 206.171.170.107
Path: cpmsftngxa06.ph x.gbl!TK2MSFTNG P08.phx.gbl!TK2 MSFTNGP11.phx.g bl
Xref: cpmsftngxa06.ph x.gbl microsoft.publi c.dotnet.framew ork.aspnet:1898 92
X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet

For reference, see this thread started December of last year in this very NG
http://groups.google.com/groups?hl=e...elm=OXBB3MEsCH A.1656%40TK2MSF TNGP09

Brian W
"Jim Cheshire [MSFT]" <ja******@onlin e.microsoft.com > wrote in message
news:SI******* *********@cpmsf tngxa06.phx.gbl ...

Brian,

Let me have a look into this. I'll post back to this thread ASAP.

Jim Cheshire [MSFT]
Developer Support
ASP.NET
ja******@online .microsoft.com

This post is provided as-is with no warranties and confers no rights.

--------------------

>From: "Brian W" <brianw@gold_de ath_2_spam_rush .com>
>References: <00************ *************** *@phx.gbl>

<cd************ *@cpmsftngxa06. phx.gbl>

>Subject: Re: Driving me nuts...
>Date: Mon, 10 Nov 2003 12:15:20 -0800
>Lines: 89
>X-Priority: 3
>X-MSMail-Priority: Normal
>X-Newsreader: Microsoft Outlook Express 6.00.2800.1158
>X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1165
>Message-ID: <e7************ **@TK2MSFTNGP12 .phx.gbl>
>Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
>NNTP-Posting-Host: dsl-107.goldrush.co m 206.171.170.107
>Path:

cpmsftngxa06.p hx.gbl!TK2MSFTN GXA06.phx.gbl!T K2MSFTNGXA05.ph x.gbl!TK2MSFTNG P

0

8.phx.gbl!TK2MS FTNGP12.phx.gbl

>Xref: cpmsftngxa06.ph x.gblmicrosoft.publ ic.dotnet.frame work.aspnet:189 838 >X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
>
>This is exactly the problem
>
>When placing an image control on a UserControl the path assigned to the
>image will be relative to the user control which is not necessarily the

same

>as the webform the user control is placed on.
>
>Take the following example:
>
>I have a folder/structure like this
>
>root \+
> Default.aspx
> +- images\
> mypicture.jpg
> +- controls
> myheader.ascx
> +- help\
> about.aspx
>
>if I place an image control on myheader.ascx and use the designer toassign >the image, the designer assigns ../images/mypicture.jpg to the ImageUrl
>attribute.
>
>When I place myheader.ascx on Default.aspx (which reside in the root) and >run the app the link to mypicture.jpg is broken because
>../images/mypicture.jpg is not the correct relative path in the contextof >Default.aspx .
>
>Now, if I place myheader.ascx on about.aspx (residing in help directory)

the

>link is un-broken because the relative path for about.aspc is correct.
>
>Clear as mud, right?!?! ;-)
>
>I actually brought this very topic up several months ago in this or theIDE >NG.
>
>
>Brian W
>
>
>
>
>"Jim Cheshire [MSFT]" <ja******@onlin e.microsoft.com > wrote in message
>news:cd******* ******@cpmsftng xa06.phx.gbl...
>> Marty,
>>
>> I'm a bit confused. The URL to the image will have to be relative tothe >> Webform onto which your user control is placed. If not, the image link >> will be broken.
>>
>> Jim Cheshire [MSFT]
>> Developer Support
>> ASP.NET
>> ja******@online .microsoft.com
>>
>> This post is provided as-is with no warranties and confers no rights.
>>
>> --------------------
>> >Content-Class: urn:content-classes:message
>> >From: "Marty" <an*******@disc ussions.microso ft.com>
>> >Sender: "Marty" <an*******@disc ussions.microso ft.com>
>> >Subject: Driving me nuts...
>> >Date: Mon, 10 Nov 2003 11:07:37 -0800
>> >Lines: 6
>> >Message-ID: <00************ *************** *@phx.gbl>
>> >MIME-Version: 1.0
>> >Content-Type: text/plain;
>> > charset="iso-8859-1"
>> >Content-Transfer-Encoding: 7bit
>> >X-Newsreader: Microsoft CDO for Windows 2000
>> >Thread-Index: AcOnvefxXWxzEBR 1RRmi3tV9aszCgw ==
>> >X-MimeOLE: Produced By Microsoft MimeOLE V5.50.4910.0300
>> >Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
>> >Path: cpmsftngxa06.ph x.gbl
>> >Xref: cpmsftngxa06.ph x.gbl
>microsoft.publ ic.dotnet.frame work.aspnet:189 810
>> >NNTP-Posting-Host: TK2MSFTNGXA13 10.40.1.165
>> >X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
>> >
>> >It seems all of the sudden that user controls that
>> >contain images are referencing image sources relative to
>> >the document that I drop the control on. This obviously
>> >does not work beacuase the image source is relative to
>> >the user control, not necessarily the form. Can anyone
>> >tell me why this would be the case?
>> >
>>
>
>
>

[Marty]

Hello Jim,

I've created several user controls with no problem, but
only recently have I included images in them, resulting
in the problem I identified. My app structure is the
following:

<bin>
<images>
<forms>
legal.aspx
...
<usercontrols >
main.aspx

When I place a user control in a same level directory as
the <usercontrols > directory (such as a form in the
<forms> directory all is fine. But when I place a user
control in the main.aspx page, which is in the root, the
images in the user control are not resolved.

This is not really a big deal, but it would sure be nice
to be able to see the images used in the user control in
the designer. As it is now, I had to use the methods I
described in my last post, resulting in empty image
placeholders from the designer. Like I said, it's not a
big deal. Maybe I'm doing something wrong, but I've also
seen other posts from individuals who had to resort to
what I did to make this work. One would think, though,
that the image sources in a user control would correct
themselves when they are placed on a form.

[Mark]

Annoying, yes. You didn't reply to the same thread, so I can't see the
previous discussion, but the solution to this problem is to use absolute URL
paths for all your images. For example ...
imgsrc="http://yourdotcom.com/images/myimageispretti erthanyours.jpg "

NOW - I'd love to find a solution to the problem of having multiple projects
.... and having to create multiple copies of the user control so you have one
in each project. Wouldn't it be slick if you could share user controls
across projects without having to create a custom control in a .dll?

mark

"Marty" <an*******@disc ussions.microso ft.com> wrote in message
news:07******** *************** *****@phx.gbl.. .

Hello Jim,

I've created several user controls with no problem, but
only recently have I included images in them, resulting
in the problem I identified. My app structure is the
following:

<bin>
<images>
<forms>
legal.aspx
...
<usercontrols >
main.aspx

When I place a user control in a same level directory as
the <usercontrols > directory (such as a form in the
<forms> directory all is fine. But when I place a user
control in the main.aspx page, which is in the root, the
images in the user control are not resolved.

This is not really a big deal, but it would sure be nice
to be able to see the images used in the user control in
the designer. As it is now, I had to use the methods I
described in my last post, resulting in empty image
placeholders from the designer. Like I said, it's not a
big deal. Maybe I'm doing something wrong, but I've also
seen other posts from individuals who had to resort to
what I did to make this work. One would think, though,
that the image sources in a user control would correct
themselves when they are placed on a form.