How can we replace the "sitemap" text with an image?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
9/1/2009 5:18:12 AM
tjerk
Gravatar
Total Posts 9
View Posts

How can we replace the "sitemap" textlink with an image?

Hello,

we have been on this little issue for many many hours now. Hope someone can help us out.

How can we replace the "sitemap" textlink with an image?

I know Joe doesn't like the use of icons for this goal, but our client loves them.

We have been trying to archieve this through CSS and allthough it was easy to give the element a background-image, we can not get rid of the text.
We cannot find the answer in the forums.

Any hints are greatly appreciated.

9/1/2009 6:14:04 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: How can we replace the "sitemap" text with an image?

Hi Tjerk,

Edit the layout.master file of your skin. Find this:

<portal:SiteMapLink id="SiteMapLink1" runat="server" CssClass="sitemaplink" />

add an url to your image like this:

<portal:SiteMapLink id="SiteMapLink1" runat="server" ImageUrl="~/Data/pathtoyourimage.jpg" CssClass="sitemaplink" />

I will respond to your bigger discussion post later, need to get some work done first this morning.

Hope it helps,

Joe

9/1/2009 7:33:28 AM
tjerk
Gravatar
Total Posts 9
View Posts

Re: How can we replace the "sitemap" text with an image?

Thank you very much Joe. Much appreciated. We couldn't figure it out ourselves. Sorry.
Your solution was an instant fix. Cool.

You must sign in to post in the forums. This thread is closed to new posts.