Question

aspcoder · May 15th, 2009, 09:56 AM

Imar,

On your website, imar.spaanjaars.com, how did you achieve the rounded corners for your horizontal menu using the menu control? I know you have graphical images but I'm stuck on how to actually write the code to achieve it.

Thanks

Imar · May 15th, 2009, 12:24 PM

You'd be surprised how ugly it is... ;-)

it's just a User Control with a bunch of <asp:Image> controls wrapped in <asp:HyperLink> controls....

Imar

aspcoder · May 15th, 2009, 01:05 PM

could you give me an example? :-) Thanks

been stuck on it for awhile. I know how to do it with traditional methods but not with the use of controls.

Imar · May 15th, 2009, 04:46 PM

It's nothing more than this:

Code:

 
<asp:HyperLink ID="HyperHome" Runat="server">
   <asp:Image ID="MenuHome" Runat="server" ToolTip="Go back ..." />
</asp:HyperLink>
<asp:HyperLink ID="HyperBlogs" Runat="server">
  <asp:Image ID="MenuBlogs" Runat="server" ToolTip="Go to the ... " />
</asp:HyperLink>
...

Then in code behind I set the URLs based on some condition, or hide controls:

HyperHome.NavigateUrl = "~/";
// Others go here
HyperAdmin.Visible = Some condition to check the user.

In my case, I added them to a User Control which I then added to a Master Page. But just as easy I could have added them to the MasterPage directly.

Cheers,

Imar