expand and close arrows are not shown on jqxNavigationBar tabs

[d_lMember]

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?

[DimitarParticipant]

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_lMember]

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.

[Author]

Posts