Menu displays I-Beam cursor, not Hand

31 Jan 2006 1:41 PM

Walter

I have a .NET 2.0 Menu control on my aspx page using a web.sitemap. On the
top level menu, when the cursor is going over the Static part, the mouse
cursor turns into an I-Beam (text) cursor. When I open the menu, the dynamic
menu items properly use the Hand cursor. I would like the Static menu to also
use the Hand cursor but do not see a property to specify this.

The HTML that the menu generates specifies this cursor as text in it's STYLE
and I don't see how I can override this. Any ideas? Below is a fragment of
the HTML generated by the control:

<tr>
<td style="white-space:nowrap;"><a class="ctl00_mnuMain_1 ctl00_mnuMain_3"
href="#" style="cursor:text;margin-left:10px;">Admin</a></td>
</tr>

Thanks
Walter

1 Feb 2006 8:21 PM

Matt Sollars

Hi Walter,

Create a hover style of your own for the static menu items. Use
something like this and assign it to StaticHoverStyle.CssClass.

..StaticHoverItem {
cursor: default !important;
}

I hope this helps.

Matt

Walter wrote:
Show quoteHide quote

> I have a .NET 2.0 Menu control on my aspx page using a web.sitemap. On the
> top level menu, when the cursor is going over the Static part, the mouse
> cursor turns into an I-Beam (text) cursor. When I open the menu, the dynamic
> menu items properly use the Hand cursor. I would like the Static menu to also
> use the Hand cursor but do not see a property to specify this.
>
> The HTML that the menu generates specifies this cursor as text in it's STYLE
> and I don't see how I can override this. Any ideas? Below is a fragment of
> the HTML generated by the control:
>
> <tr>
> <td style="white-space:nowrap;"><a class="ctl00_mnuMain_1 ctl00_mnuMain_3"
> href="#" style="cursor:text;margin-left:10px;">Admin</a></td>
> </tr>
>
> Thanks
> Walter

6 Feb 2006 4:18 PM

Walter

Hi Matt,
I tried adding the CSS but it didn't work. It seems that the HTML that the
control creates specifies it's own style for it and specifying my own CSS
style won't override it:

<td style="white-space:nowrap;"><a class="ctl00_mnuMain_1 ctl00_mnuMain_3"
href="#" style="cursor:text;margin-left:10px;">MyMenuItem</a></td>

Show quoteHide quote

"Matt Sollars" wrote:

> Hi Walter,
>
> Create a hover style of your own for the static menu items. Use
> something like this and assign it to StaticHoverStyle.CssClass.
>
> ..StaticHoverItem {
> cursor: default !important;
> }
>
> I hope this helps.
>
> Matt
>
>
> Walter wrote:
> > I have a .NET 2.0 Menu control on my aspx page using a web.sitemap. On the
> > top level menu, when the cursor is going over the Static part, the mouse
> > cursor turns into an I-Beam (text) cursor. When I open the menu, the dynamic
> > menu items properly use the Hand cursor. I would like the Static menu to also
> > use the Hand cursor but do not see a property to specify this.
> >
> > The HTML that the menu generates specifies this cursor as text in it's STYLE
> > and I don't see how I can override this. Any ideas? Below is a fragment of
> > the HTML generated by the control:
> >
> > <tr>
> > <td style="white-space:nowrap;"><a class="ctl00_mnuMain_1 ctl00_mnuMain_3"
> > href="#" style="cursor:text;margin-left:10px;">Admin</a></td>
> > </tr>
> >
> > Thanks
> > Walter
>

28 Feb 2006 10:25 AM

Greg Woods

The !important tag was the key. You've just got to apply the style to the
right element.
Some trial and error with my horizontal menu got this to work.

..StaticPointer {

cursor:pointer !important;

}

<StaticMenuItemStyle CssClass="StaticPointer">

Greg Woods
http://geekswithblogs.com/nightdrive

Show quoteHide quote

"Walter" <Wal***@discussions.microsoft.com> wrote in message
news:88E6013A-76E1-4CB4-AC0C-BB2DACD5DC8F@microsoft.com...
> Hi Matt,
> I tried adding the CSS but it didn't work. It seems that the HTML that the
> control creates specifies it's own style for it and specifying my own CSS
> style won't override it:
>
> <td style="white-space:nowrap;"><a class="ctl00_mnuMain_1 ctl00_mnuMain_3"
> href="#" style="cursor:text;margin-left:10px;">MyMenuItem</a></td>
>
> "Matt Sollars" wrote:
>
>> Hi Walter,
>>
>> Create a hover style of your own for the static menu items. Use
>> something like this and assign it to StaticHoverStyle.CssClass.
>>
>> ..StaticHoverItem {
>> cursor: default !important;
>> }
>>
>> I hope this helps.
>>
>> Matt
>>
>>
>> Walter wrote:
>> > I have a .NET 2.0 Menu control on my aspx page using a web.sitemap. On
>> > the
>> > top level menu, when the cursor is going over the Static part, the
>> > mouse
>> > cursor turns into an I-Beam (text) cursor. When I open the menu, the
>> > dynamic
>> > menu items properly use the Hand cursor. I would like the Static menu
>> > to also
>> > use the Hand cursor but do not see a property to specify this.
>> >
>> > The HTML that the menu generates specifies this cursor as text in it's
>> > STYLE
>> > and I don't see how I can override this. Any ideas? Below is a fragment
>> > of
>> > the HTML generated by the control:
>> >
>> > <tr>
>> > <td style="white-space:nowrap;"><a class="ctl00_mnuMain_1
>> > ctl00_mnuMain_3"
>> > href="#" style="cursor:text;margin-left:10px;">Admin</a></td>
>> > </tr>
>> >
>> > Thanks
>> > Walter
>>