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)
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.
jQuery UI Widgets › Forums › Navigation › NavigationBar, ToolBar, NavBar › expand and close arrows are not shown on jqxNavigationBar tabs
Tagged: arrow, jqxnavigationbar, navigationbar, showArrow
This topic contains 2 replies, has 2 voices, and was last updated by d_l 11 years, 9 months ago.
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?
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/
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.
You must be logged in to reply to this topic.