jQWidgets Forums

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts

  • jmrad
    Member

    I found a way to remove the separator from the last top level menu item by adding this CSS bit:

    .jqx-menu li:last-child
    {
    border-right: 0;
    }

    jmrad
    Member

    Thanks Mariya, your suggestion helped. However I had to tune it as follows:

    /*applied to the menu's li elements.*/
    .jqx-menu li, .jqx-menu-dropdown li
    {
    line-height: 1.3 !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    }
    /*applied to the menu's li elements.*/
    .jqx-menu li
    {
    border-right: 1px solid black;
    }

    But now the last menu item has a “separator” on the right. I will try to use some JavaScript to remove it.


    jmrad
    Member

    In the post above I meant that the regular clause for drawing a separator doesn’t work on top level menu items:

    <li type='separator'></li>
Viewing 3 posts - 1 through 3 (of 3 total)