Search and Top Navigation
#3922 closed feature (wontfix)
Opened January 23, 2009 09:08PM UTC
Closed May 18, 2011 12:52PM UTC
Last modified March 13, 2014 10:37PM UTC
Tabs: Horizontal scrolling
| Reported by: | klaus.hartl | Owned by: | klaus.hartl |
|---|---|---|---|
| Priority: | trivial | Milestone: | 1.8 |
| Component: | ui.tabs | Version: | 1.7.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
If number of tabs exceed the available space, buttons should be provided to scroll through the tabs. The tabs shouldn't wrap.
See Firefox for example.
Design is required as well.
Attachments (0)
Change History (14)
Changed January 23, 2009 09:27PM UTC by comment:1
Changed January 23, 2009 09:31PM UTC by comment:2
| summary: | Provide horizontally scrolling through tabs in case of to less space → Provide horizontally scrolling through tabs in case of too less space |
|---|
Changed February 02, 2009 05:46PM UTC by comment:3
I strongly agree with this. There should be a way to do this!
I tried with jCarousel (http://sorgalla.com/projects/jcarousel/), but it doesn't work well with tabs: it is made to scroll with items having a fixed width, like images' thumbnails. So it is quite buggy with the variable-length text we have in tabs headers.
Changed February 17, 2009 12:44PM UTC by comment:4
| milestone: | TBD → 1.next |
|---|
Changed July 09, 2009 02:27PM UTC by comment:5
| milestone: | 1.next → 1.8 |
|---|---|
| version: | 1.6rc5 → 1.7.2 |
Duplicate of #4628
Changed August 04, 2009 06:49PM UTC by comment:6
another good example for a previous version of jquery
http://code.google.com/p/jquery-ui-tabs-paging/
Example:
Changed February 16, 2010 05:03AM UTC by comment:7
Replying to [comment:6 sneed424]:
another good example for a previous version of jquery http://code.google.com/p/jquery-ui-tabs-paging/ Example: http://www.seyfertdesign.com/jquery/examples.html
This is REALLY nice.
Changed May 04, 2010 02:23PM UTC by comment:8
I just finish working on http://jquery.aamirafridi.com/jst/
Replying to [comment:1 klaus.hartl]:
Another example: http://cakephp.org/
Changed August 02, 2010 10:03PM UTC by comment:9
For now I have created a plugin for this:
Changed March 28, 2011 07:15PM UTC by comment:10
| status: | new → open |
|---|
Replying to [comment:9 aamirafridi]:
For now I have created a plugin for this: http://jquery.aamirafridi.com/jst/
I like the result of this work - Perhaps there is a way we could get some of these features baked into the real tabs API?
Changed April 11, 2011 02:17PM UTC by comment:11
| milestone: | 1.9 → 1.next |
|---|---|
| priority: | major → trivial |
| summary: | Provide horizontally scrolling through tabs in case of too less space → Tabs: Horizontal scrolling |
Changed May 18, 2011 12:52PM UTC by comment:12
| resolution: | → wontfix |
|---|---|
| status: | open → closed |
This should be built as an extension. It's bad UX to have so many tabs that you need to scroll.
Changed October 03, 2012 05:04PM UTC by comment:13
| milestone: | 1.next → 1.8 |
|---|
Changed March 13, 2014 10:37PM UTC by comment:14
Currently when the tabs are wider than the viewport (either because there are too many tabs, or the viewport is too small, or the user has made their browser window smaller) the jquery ui tabs wrap in a very unprofessional manner. While researching this issue I have come across many requests that the ui tabs be made scrollable (which also seems to me to be the logical thing to do), but since you don't want to do that can you at least fix the CSS so when the tabs wrap to multiple lines they don't look like the site was built by a 5th grader?
Another example: http://cakephp.org/