Developer Forum

by **Chan** » Fri, 20 Aug 2004 14:21:26

Hi

Has anyone done a image navigation control for cms? Any help of samples is
greatly appreciated.

cheers

Chan

by **Angus Loga** » Fri, 20 Aug 2004 17:53:19

Hi Chan,

Do you want the images to be generated on the fly (and then cached or saved
to disk)
---> If so: when you render the navigation generate the appropriate image on
the fly using .NET + GDI +
( http://www.yqcomputer.com/ )
or
Do you want to pre-build all the images and drop them in a specific path;
----> If so: when rendering the navigation use the Display Name or Path to
pickup the corresponding file.

Regards
--
________________________________________

Angus Logan (MCAD/MCDBA/MCP)
Lead Software Developer
Microsoft Application Solutions
Data#3 Limited
E XXXX@XXXXX.COM
BLOG www.anguslogan.com
________________________________________

by **Chan** » Sat, 21 Aug 2004 05:04:52

Hi Angus

My idea is to have a pre defined set of images with names corresponding to
the channel names for the main top level navigation of the site. These as
you suggested would be on the server.
So I think that your second recommendation would be the best option.
I havent done a Image based nav for mcms yet so thats why I wanted to make
sure I was on the right track.
I also have to integrate a DHTML menu to cascade on mouseover off the top
navigation.
It's going to be fun getting this to work across various browsers.

cheers

Chan

saved
on

is

by **Bange** » Fri, 27 Aug 2004 00:45:30

his is a multi-part message in MIME format.

Chan,

We've done something similar with Channel Custom Properties.

In site-manager, you can right-click on your channel to expose the
properties.

We added a text property called ImageSrc to the "Custom" tab with the
image name as the value, then, when creating the nav, got the value of
the property and set it as an image within an href block.

E.g.

Panel navPanel = new System.Web.UI.WebControls.Panel();
System.Web.UI.WebControls.Image img = new
System.Web.UI.WebControls.Image();
img.ImageUrl = "../images/" +
channel.CustomProperties["ImageSrc"].Value; //gets the nav image src for
the channel
img.AlternateText = channel.DisplayName;
HyperLink href = new HyperLink();
href.NavigateUrl = channel.Url;
href.Controls.Add(img);
navPanel.Controls.Add(href);

Hope this helps.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7036.0">
<TITLE>Re: Image Navigation control</TITLE>
</HEAD>
<BODY>


Chan,


We've done something similar with Channel Custom Properties.


In site-manager, you can right-click on your channel to expose the properties.


We added a text property called ImageSrc to the "Custom" tab with the image name as the value, then, when creating the nav, got the value of the property and set it as an image within an href block.

E.g.


Panel navPanel = new System.Web.UI.WebControls.Panel();

 System.Web.UI.WebControls.Image img = new System.Web.UI.WebControls.Image();

 img.ImageUrl = "../images/" + channel.CustomProperties["ImageSrc"].Value; //gets the nav image src for the channel

 img.AlternateText = channel.DisplayName;

 HyperLink href = new HyperLink();

 href.NavigateUrl = channel.Url;

 href.Controls.Add(img);

 navPanel.Controls.Add(href);


Hope this helps.

 

> -----Original Message-----

 > From: Chan [<A HREF="mailto: XXXX@XXXXX.COM ">mailto: XXXX@XXXXX.COM </A>] 

 > Posted At: 19 August 2004 21:05

 > Posted To: microsoft.public.cmserver.general

 > Conversation: Image Navigation control

 > Subject: Re: Image Navigation control

 > 

 > 

 > Hi Angus

<BR&g