Skip to main content

Search and Top Navigation

#2760 closed bug (worksforme)

Opened April 29, 2008 12:11PM UTC

Closed May 29, 2008 04:46AM UTC

Display problems of loading icons under IE6

Reported by: laxkin Owned by: klaus
Priority: trivial Milestone:
Component: ui.tabs Version: 1.5b4
Keywords: Tabs Cc:
Blocked by: Blocking:
Description

There is a visualization bug under IE6 when you are trying to use ajax tabs. See attached image.

The solution is use <p> tag instead of <em>:

Line 487: 
$span.data('label.tabs', $span.html()).html('<em>' + o.spinner + '</em>');

replace to

Line 487: 
$span.data('label.tabs', $span.html()).html('<p>' + o.spinner + '</p>');

Also you should fix a .css file, replace .ui-tabs-loading em to .ui-tabs-loading p and add padding:

.ui-tabs-loading p {
    padding-left: 20px;
    background: url(loading.gif) no-repeat 0px 50%;
}
Attachments (0)
Change History (4)

Changed April 30, 2008 09:15AM UTC by paul comment:1

owner: paulklaus

Changed May 24, 2008 03:39AM UTC by comment:2

milestone: 1.2.4

Milestone 1.2.4 deleted

Changed May 24, 2008 07:34PM UTC by paul comment:3

component: ui.coreui.tabs
version: 1.2.31.5b4

Changed May 29, 2008 04:46AM UTC by scottgonzalez comment:4

resolution: → worksforme
status: newclosed

Applying padding to em is perfectly acceptable and works fine in IE6.