Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
462
DataMenuItem Text width
posted

How do you set the clickable area of a datamenuitem... it seems the default behavor is that the clickable area of each menu item is based on the longest Text in the item collection. 

In my case more than half of the menu isn't clickable (where I drew the yellow box)

How would I increase the clickable area? It's confusing users who see the menu item highlight yet navigation doesn't happen because they are  missing the "text".

  • 12679
    Suggested Answer
    posted

    Hello Michael,

    Thank you for reporting this behavior to Us. I suspect you are using the RTM of of 9.2 or 10.1 versions. I've verified this with the latest service release for 10.1 /2051/Version and the control works as expected. You are able to navigate even if you click out of the text area of a menu item.

    I would suggest to download the release ant test it.

    My testing code looks like this;

     

    <ig:WebDataMenu ID="WebDataMenu1" runat="server">

    <ClientEvents/>

        <Items>

            <ig:DataMenuItem Text="Infragistics" NavigateUrl="http://Infragistics.com">

                <Items>

                    <ig:DataMenuItem Text="Infragistics Support "

                        NavigateUrl="http://infragistics.com/Support">

                    </ig:DataMenuItem>

                    <ig:DataMenuItem Text="Microsoft" NavigateUrl="http://microsoft.com">

                    </ig:DataMenuItem>

                    <ig:DataMenuItem Text="Zend" NavigateUrl="http://www.zend.com/en/">

                    </ig:DataMenuItem>

                </Items>

            </ig:DataMenuItem>

        </Items>

    </ig:WebDataMenu>

    The menu that was generated looks like this one:

    Hope this helps.