CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums




Can Reply:  No Members Can Edit: No Online: Yes
Zone: > NEWSGROUP > Asp.Net Forum > general_asp.net.master_pages_themes_and_navigation_controls Tags:
Item Type: NewsGroup Date Entered: 8/25/2007 4:08:43 AM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
NR
XPoints: N/A Replies: 9 Views: 111 Favorited: 0 Favorite
10 Items, 1 Pages 1 |< << Go >> >|
bilmar
Asp.Net User
Make whole menu item area clickable?8/25/2007 4:08:43 AM

0

My menu buttons have a really annoying behaviour - if you hover over any part of the menu item, the style changes according to the 'hover' parameters - suggesting that the button is now clickable, BUT it is only actually clickable overt the text area ( where it gives me the finger!) - but not at the edges.

 

Is there any way to fix that? It is really confusing to  the user to click on a highlighted button and have nothing happen.

 

Thanks

 

Bill
TATWORTH
Asp.Net User
Re: Make whole menu item area clickable?8/25/2007 8:07:10 AM

0

 Have a look at http://www.ambay.com/default.htm
They have made a whole menu area clickable by 

		<ul>
			<li><a href="default.htm" id="current">Home</a></li>
			<li><a href="products/default.htm">Products</a></li>
			<li><a href="partners/default.htm">Partners</a></li>
		</ul>


Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
bilmar
Asp.Net User
Re: Make whole menu item area clickable?8/25/2007 2:27:54 PM

0

Sorry but I don't see how this helps - I am referring to an ASP menu - not HTML.

Simple example:

<asp:Menu ID="Menu1" runat="server" Width="99" BackColor="BurlyWood"  StaticHoverStyle-BackColor="Beige">

 

<Items> <asp:MenuItem Text="btn" /> </Items>

</asp:Menu>

 

If you hover anywhere over the button, the color changes, but you can only get the selection "finger" if you hover over the text
TATWORTH
Asp.Net User
Re: Make whole menu item area clickable?8/25/2007 3:34:33 PM

0

 You can of course use an ASP.NET button, like this:

<asp:Button runat="server" ID="ShowMe" Text="ShowMe"  BorderStyle="None" OnClick="ShowMe_Click" Width="105px" /> 

Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
bilmar
Asp.Net User
Re: Make whole menu item area clickable?8/25/2007 7:19:15 PM

0

Not really - my one button example was just that - my actual menu is perhaps 50 items with 3 dynamic levels so using buttons is out of the question

 

Bill
bilmar
Asp.Net User
Re: Make whole menu item area clickable?8/26/2007 4:43:22 PM

0

I figured out a clunky  - but working solution .

The menu control ignores leading and trailing spaces  in text so I could do this:

.......Home......

with the correct number of periods the clickable area extends across the width of the 'button'

That looked too ugly but I found out that menu  understands and does not truncate  &nbsp so I replaced the above with :

&nbsp &nbsp &nbsp &nbsp &nbsp Home &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp

The result is a centered 'Home' with the whole width clickable 

 

Bill

 
lexx_Debug
Asp.Net User
Re: Make whole menu item area clickable?8/28/2007 1:24:57 PM

0

This Style will do the trick

 .MenuItem a
{
 width:100%;
 display:block;
 text-align: center;
}

And set the StaticMenuItemStyle's  CssClass to MenuItem.

That will make the whole item clickable

Cheers

 


 

ME MYSELF AND MICROSOFT
bilmar
Asp.Net User
Re: Make whole menu item area clickable?8/28/2007 9:18:28 PM

0

Thanks for the suggestion but it did not work for me.

try setting the menu width to 99px to make some balnk space on the items and you will see what I mean - like this

 

Bill

 

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<link href="StyleSheet.css" rel="stylesheet" type="text/css" />

<head runat="server">

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:Menu ID="Menu1" runat="server" Width="99px">

 

<StaticMenuItemStyle BackColor="red" CssClass="Menuitem" />

<Items>

<asp:MenuItem Text="Home" Value=" Item"></asp:MenuItem>

</Items>

</asp:Menu>

 

</div>

</form>

</body>

</html>
skaoth
Asp.Net User
Re: Make whole menu item area clickable?8/28/2007 10:57:57 PM

0

I don't know if this will help but the closest I have gotten to a solution to this problem is by adding a <StaticItemTemple> to the menu.

However, this seems to cause issues with some of the the other properties that can be set. Note: Example below uses a sitemap for the menu

e.g:
<StaticItemTemplate> <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("NavigateUrl") %>' Text='<%# Eval("Text") %>'> </asp:HyperLink> </StaticItemTemplate>

You can then set the width property of the hyperlink control to 100%.
Doctor Memory
Asp.Net User
Re: Make whole menu item area clickable?9/12/2007 7:04:22 PM

0

I had the same problem with the children items having too much space that wouldn't be recognized as clickable. I used a modification of the solution above from lexx_Debug.

I put

display:block;

in the css item that DynamicMenuItemStyle CssClass calls and it did the trick. The DynamicMenu stuff seems to control the children (fly-out items) of a menu like this where as the StaticMenu stuff handles the parent, visible, menu bar that is usually present from the start.

Code:

In my menuStyle.css file:

.dynamicMenuItemStyle
{
 padding: 2px 5px 3px 5px;
 border: solid 1px white;
 display:block;
}

In my Default.Master page in the <asp:Menu> declaration:

<DynamicMenuItemStyle CssClass="dynamicMenuItemStyle"/>

 The only problem is there is still a few pixels on either side that aren't clickable due to the padding but otherwise it works great.

It took me a lot of looking to solve this, so I thought I would pass on my answer. Hope it helps ya!
10 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Blackboard For Dummies Authors: Howie Southworth, Kemal Cakici, Yianna Vovides, Blackboard Learning System, Susan Zvacek, Pages: 356, Published: 2006
PC annoyances: how to fix the most annoying things about your personal computer, Windows, and more Authors: Steve Bass, Pages: 230, Published: 2005
Dreamweaver 8: the missing manual Authors: David Sawyer McFarland, David Pogue, Pages: 936, Published: 2006
Beginning Joomla!: from novice to professional Authors: Dan Rahmel, Pages: 475, Published: 2007
Excel Workbook for Dummies Authors: Greg Harvey, Pages: 354, Published: 2006

Web:
WinSCP :: Support Forum :: Make whole saved session row clickable For good usability, please make whole saved session row clickable. ... It's a basic list and its items could be easily rendered as "block-level" ... It's very good practice to use block-level links ( ul.menu li a ... If a saved session name is for example "Z", the clickable area is only 11px wide. ...
Context menu items for entities - SketchUp Help The Area sub-menu of the Face context menu is used to calculate the ... Click on the Arrow sub-menu menu to select the end point type for the .... The Make Component menu item converts the entities into a new Component .... The Zoom Extents menu item is used to zoom your view to a distance where the whole entity is ...
Joomla 1.5 Tutorial : How to make each menu item a different color ... Mar 29, 2009 ... After you've learned how to separate each menu item into its own class, ... Firebug gives you a visual representation of each area of your ... Click on the name of the module to enter the module editing screen. ... Leaving your menu in Legacy mode means you've got to jump through a whole lot of ...
The Right Way to Make a Dropdown Menu Apr 1, 2009 ... The whole menu disappears, ignoring the fact I had selected something .... Having a transparent buffer area around the menu would help in one .... make each menu item that has a submenu under it into a clickable link to ...
Design Guidelines: Menus and Toolbars In a posted menu, users click a menu item to choose it and close the menu. ... Make your menu items brief, and confine them to a single line. .... apply to the document (or another object) or application as a whole in the File menu. ... The drag area is on the leading edge when the toolbar is horizontal and on the ...


Videos:
How to make "Start Menu" menus to open real fast!!! Windows ... High Quality: http://www.youtube.com/watch?v=8dzOLaCJHPE&fmt=18 How to make "Start Menu" menus to open real fast!!! It is a Windows XP tweak ...
Joomla! - Adding and Controlling new menus Here is a quick overview of how to add a menu. 1. Add your menu through the menu manager. Log in to the administrator panel, click menu, click ...
How to get a free ipod touch http://istuff.freepay.com/?r=46676678 Auto Restarting. Boot Up Faster. Increase Systems Performance by gaining back resourcesMicrosoft ...
How to download and use Stackdocklet for rocketdock I have made this video as alot of people are having problems using stackdocklet on my video "How to make XP/vista look like OS X Leopard ...
Opera - Editing the Menu This video shows you how to edit a custom menu in Opera, without closing Opera. To do this you will need a custom menu item that opens your custom ...






submenu hoverstyle

simple page load problem - please help!

adding "onclientclick" to treeview node...

masterpage/web form problem

server cant bring up any master pages !!!

problem with asp:menu

absolute positioning problem with masterpages

navbar with tree view

highlight hotspot of imagemap in asp.net 2.0

general master sheet for all of my input screens

master page reloading when a link is clicked?.....

themes and third-party controls

menu and calendar issues

masterpage and theme not being applied

web based sitemap editor?

sitemapnode.url

css style overridden

add a theme dynamically to web.config

creating a static menu with images from a css class

multiple menus

rss feed not working in a content placeholder

menu nodes non-selectable areas

file upload and calendar control problem on content page

dynamic navigation

sitemap menus - can use get dynamic flyouts using sitempa?

regarding menu control

nested masterpages

problems when publish a master page website.

regarding sitemap root node problem

mater pages problem
   
  Privacy | Contact Us
All Times Are GMT