Image Navigation control

Image Navigation control

Post 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
 
 
 

Image Navigation control

Post 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
________________________________________

 
 
 

Image Navigation control

Post 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
 
 
 

Image Navigation control

Post 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>
<!-- Converted from text/plain format -->

<P><FONT SIZE=2>Chan,</FONT>
</P>

<P><FONT SIZE=2>We've done something similar with Channel Custom Properties.</FONT>
</P>

<P><FONT SIZE=2>In site-manager, you can right-click on your channel to expose the properties.</FONT>
</P>

<P><FONT SIZE=2>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.</FONT></P>

<P><FONT SIZE=2>E.g.</FONT>
</P>

<P><FONT SIZE=2>Panel navPanel = new System.Web.UI.WebControls.Panel();</FONT>

<BR><FONT SIZE=2>System.Web.UI.WebControls.Image img = new System.Web.UI.WebControls.Image();</FONT>

<BR><FONT SIZE=2>img.ImageUrl = "../images/" + channel.CustomProperties["ImageSrc"].Value; //gets the nav image src for the channel</FONT>

<BR><FONT SIZE=2>img.AlternateText = channel.DisplayName;</FONT>

<BR><FONT SIZE=2>HyperLink href = new HyperLink();</FONT>

<BR><FONT SIZE=2>href.NavigateUrl = channel.Url;</FONT>

<BR><FONT SIZE=2>href.Controls.Add(img);</FONT>

<BR><FONT SIZE=2>navPanel.Controls.Add(href);</FONT>
</P>

<P><FONT SIZE=2>Hope this helps.</FONT>
</P>
<BR>

<P><FONT SIZE=2>> -----Original Message-----</FONT>

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

<BR><FONT SIZE=2>> Posted At: 19 August 2004 21:05</FONT>

<BR><FONT SIZE=2>> Posted To: microsoft.public.cmserver.general</FONT>

<BR><FONT SIZE=2>> Conversation: Image Navigation control</FONT>

<BR><FONT SIZE=2>> Subject: Re: Image Navigation control</FONT>

<BR><FONT SIZE=2>> </FONT>

<BR><FONT SIZE=2>> </FONT>

<BR><FONT SIZE=2>> Hi Angus</FONT>

<BR&g