Skip to main content

Search and Top Navigation

#4450 closed bug (fixed)

Opened April 09, 2009 05:35PM UTC

Closed May 11, 2009 02:16PM UTC

Tabs list-style overridden by app framework css

Reported by: coeamyd Owned by: klaus.hartl
Priority: trivial Milestone: 1.8
Component: ui.tabs Version: 1.7.1
Keywords: css fix Cc:
Blocked by: Blocking:

I'm using jQuery UI with DotNetNuke, and when using the tabs control, the styling of the tab headers is overridden by the default stylesheet. This results in a square bullet being displayed in front of the tab titles. In the tabs stylesheet, list-style: none is only applied on the ul itself, DNN applies it on ul li. Adding list-style: none to the .ui-tabs .ui-tabs-nav li style will solve the problem.

To reproduce, simply add the style

ul li { list-style-type:square; }

to a page using the tabs control.

Attachments (0)
Change History (4)

Changed April 10, 2009 04:09PM UTC by klaus.hartl comment:1

owner: → klaus.hartl
status: newassigned

Shouldn't that be fixed in DNN?

Changed April 10, 2009 04:29PM UTC by coeamyd comment:2

Replying to [comment:1 klaus.hartl]:

If I read the css specs correctly, I believe that DNN is actually right. The list-style css properties apply to elements with display set to list-item, which would be the li and not the ul. It probably does not have to be set on the ul element, so the declaration could actually be moved. On the other hand, having it in both selectors should not hurt. See for the specs.

Changed May 07, 2009 01:40PM UTC by jzaefferer comment:3

milestone: TBD1.8

Changed May 11, 2009 02:16PM UTC by klaus.hartl comment:4

resolution: → fixed
status: assignedclosed