jQuery UI Widgets Forums Navigation NavigationBar, ToolBar, NavBar expand and close arrows are not shown on jqxNavigationBar tabs

This topic contains 2 replies, has 2 voices, and was last updated by  d_l 11 years, 9 months ago.

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

  • d_l
    Member

    I’ve merged the code from two demos ..

    jqxSplitter (with four panels)
    jqxNavigationBar (embedded in the fourth panel)

    It works fine as expected .. except for one problem ..

    I don’t see the close or expand arrows on any of the jqxnavigationbar tabs

    Where should I tweak the merged codes for these up down arrows to show up?


    Dimitar
    Participant

    Hello d_l,

    There are no close arrows in jqxNavigationBar. As for the expand/collapse arrows, please set the property showArrow to true and the arrows should be visible, i.e.:

    $('#jqxNavigationBar').jqxNavigationBar({ showArrow: true });

    If this solution does not help, please provide us with a code sample which we may test locally.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/


    d_l
    Member

    Thanks for the explanation.

    I found that I had missed two points:
    I had not added property “showArrow: true” as you suggest and this now works.
    But also the width of the fourth panel was clipping the arrows.
    The arrow seems to be at an absolute location on the tab and may be clipped by parent div width.

    Firefox Firebug helps in troubleshooting.
    In your jqxNavigationBar online demo when I right clicked on a navigation bar
    and “Inspect Element using Firebug” I saw reference jqx-expander-arrow. Hence my question.

    I’ll be more careful in setting panel widths to avoid clipping.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.