The Tab widget that forms part of the jQuery.UI library
A tab widget which is a part of the jquery-ui library.
Questions tagged [jquery-ui-tabs]
1369 questions
17
votes
11 answers
get the current tab in jQuery UI tabs
I am using jQuery UI Tabs inside of the jQuery UI dialog window.
I've come across an instance, where I need to find the id of the current tab when clicking on one of the dialog buttons. Looking at the HTML generated by jQuery UI tabs and dialog, I…
SkyeBoniwell
- 6,345
- 12
- 81
- 185
16
votes
9 answers
Remove outline from active jQuery UI tab?
I want to remove the outline on an active jQuery UI tab (or at least change the color).
Working from this example, I tried this unsuccessfully:
(based on a tip from this…
jedierikb
- 12,752
- 22
- 95
- 166
14
votes
8 answers
Jquery-ui tabs (ajax).... stop tab reloading url when tab is re-selected
I am using jquery ui tabs and im adding tabs dynamically using .tabs('add'...). The tabs load a url using ajax. The problem is that everytime i click on another tab then come back... the tab reloads the url. i want the url loaded once.... any ideas?
Sir Lojik
- 1,409
- 7
- 24
- 45
14
votes
5 answers
How to center-align jQuery UI tabs - with screenshot
Does anybody please know how to center-align the tabs in jQuery UI tabs?
(They are left aligned by default and I can't find the aligning option in the doc)
Here is a page where I use it to groups some charts and the current code is…
Alexander Farber
- 21,519
- 75
- 241
- 416
13
votes
1 answer
jQuery UI Tabs Minimal Styling
In my application, I have so far avoided needing to load any jQuery stylesheets at all, but the UI-tabs plugin seems to need some CSS to work at all. OK, fine, but the examples have you loading ALL the UI styles and, perhaps more important, the tab…
EBM
- 1,683
- 5
- 15
- 13
13
votes
3 answers
How to trigger('click') on jquery tab's currently active tab
I have a tabed screen and want to trigger a click on the selected tab once the form is submitted and the return is valid. Here a part of the html:
12
votes
8 answers
Preventing scroll when using URI hash to identify tab
I'm using JQuery UI to make tabs in my application. I needed the tabs to be linkable (direct link that opens the page and selects the correct tab). This is done by using a hash tag/fragmented identifier. But I have a issue when the content above the…
HNygard
- 4,526
- 6
- 32
- 40
12
votes
9 answers
Best way to add an extra (nested) form in the middle of a tabbed form
I've got a web application, consisting mainly of a big form with information. The form is split into multiple tabs, to make it more readable for the user:
12
votes
12 answers
Refresh tab content on click in JQuery UI Tabs
Content of TAB1 is loaded by ajax from remote url. When TAB1 is selected, I have to switch to TAB2 and then back to TAB1 to refresh the loaded content.
How to make TAB1 refresh loaded content when click on its tab?
Edit: HTML code is as below
jack
- 17,261
- 37
- 100
- 125
12
votes
2 answers
Get Index of Activated Tab
I'm upgrading code from jQuery UI 1.8 to 1.10.
Under 1.8, the event triggered when the tab changes was select, and I could access the index of the tab being selected through ui.index.
Under 1.10, the event triggered when the tab changes is activate.…
Eric J.
- 147,927
- 63
- 340
- 553
12
votes
7 answers
How do I open a tab from with jQuery UI Tabs from an link outside of the div?
This may be a little difficult to explain, but I'll try my best. I have a product page with two tabs, full description and video. These are done using jQuery UI Tabs.
Above this section of the page I have a product image with thumbnails...but I…
callmedpit
- 602
- 3
- 10
- 23
10
votes
5 answers
Selecting text in JQuery-UI tab header to clipboard
For a page using JQuery-UI tabs, how can I allow users to select the text in the tab heading?
I have some dynamic tabs, and would like the users to be able to select the heading for copying to the clipboard.
For example on the Demo page, I would…
Schleis
- 41,516
- 7
- 68
- 87
9
votes
5 answers
Event listeners for jQuery's UI tabs?
Are there event listeners available for jQuery UI's tabs widget?
I'm wanting to change the background colour on a web page depending on what tab index is currently active. So something like this (pseudo code):
$('.tabs').addEventListener(index,…
Martin Bean
- 38,379
- 25
- 128
- 201
9
votes
2 answers
Align one tab to the right in JQuery UI
I have a set of tabs, representing different sections of a form, all aligned to the left. When a user has filled in all sections, I want him to be able to review the entire form.
I'm using jQuery UI Tabs to split the sections in different parts. The…
Scharrels
- 3,055
- 25
- 31
9
votes
2 answers
JQuery UI Tabs Background Color
I'm trying to change the background of the tab area.. like, You have a list of tabs, and I know how to change the color of each individual tab, but I was wondering if you could change the color of the background of all of that. Normally it's the…
demitchell14
- 195
- 1
- 1
- 10