jQuery UI Widgets Forums Navigation Tabs Tabs that wrap

Tagged: , , , ,

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Tabs that wrap #22791

    xplorr2
    Member

    Displaying more than 6 or so tabs seems to cut the tabs off due to tab width.  Meaning, if I have 10 tabs and the tab width is 1000, only 6 of the 10 tabs are displayed within this width.  In order to display all 10 tabs, I have to set the width to 1800 which is far beyond the screen width. 

    How do i make all 10 tabs display without setting the width.  I think the tabs need to wrap, how is this done?

    Tabs that wrap #22847

    Dimitar
    Participant

    Hello xplorr2,

    Unfortunately, this cannot be achieved. However, you may scroll through the tabs to make them visible.

    You may also use break line in the tab titles, as shown in the demo Tabs with Images

    Best Regards,
    Dimitar

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

    Tabs that wrap #23054

    xplorr2
    Member

    I’ve noticed a demo that displays the tab with little arrows on the right top corner. How do I style the tab so I have the same. funny thing is, if I click the mouse in the places where the arros should be the tab scrolls through each tab. the arrows don’t seem to be displayed.

    here’s my existing tab definition

    $(‘#jqxtabs’).jqxTabs({ width: 1150, height: 750, theme: ‘smoothness’, initTabContent: initWidgets });

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

You must be logged in to reply to this topic.