Knockout Menu

[vmanneParticipant]

Hello,

How do I style the jqxmenu built from knockout integration. It appears there is not ID parameter to the binding?

I need to limit the width of the dropdown elements and overflow text should be shown as ‘…’. I’d like to assign the following css, however I’m not sure what CSS classes to override.

<div data-bind="visible: $root.Ovitems().length > 0, jqxMenu: { source: tabs, theme: theme, disabled: tabs().length < 0 }" id="OverflowMenu"></div>

#OverflowMenu.jqx-menu ul li:first-child ul >li
        {
            width:25px;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }

Thanks,
Vik M

[Peter StoevKeymaster]

Hi,

You may learn which CSS classes to use from this help topic: jquery-menu-styling-and-appearance.htm.

Best Regards,
Peter Stoev

jQWIdgets Team
http://www.jqwidgets.com/

[vmanneParticipant]

Thanks Peter, I’m able to style the menu item appropriately based on the link.

[Author]

Posts