Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Tabs "Close button" & "new Button"

18 views
Skip to first unread message

DjBoo

unread,
Dec 27, 2009, 3:33:47 PM12/27/09
to
Hi,

There is a CSS attribue ".tabs-closebutton" that create a close button
for tabs, The https://developer.mozilla.org/En/XUL/Tabs indicate that
it is possible to add new button by ".tabs-closebutton", but it
doesn't work, any idea?


<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="data:text/css,
.tabs-closebutton {
list-style-image: url(http://mozilla.org/favicon.ico);
}
" type="text/css"?>
<window id="yourwindow"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<tabbox flex="1">
<tabs closebutton="true" onclosetab="alert('Close')" >
<tab label="one"/>
<tab label="one"/>
<tab label="one"/>
</tabs>
<tabpanels>
<box flex="1"/>
<box flex="1"/>
<box flex="1"/>
</tabpanels>
</tabbox>
</window>

Eric Jung

unread,
Dec 27, 2009, 5:17:40 PM12/27/09
to dev-ext...@lists.mozilla.org

When I put your code in the RealTime XUL Editor of the Extension Developer
Extension, it looks fine, no?
http://img690.imageshack.us/i/screenshot2nn.png/

Eric

DjBoo

unread,
Dec 27, 2009, 5:22:39 PM12/27/09
to
The close button works fine, but my problem is with "new button"

Replace CSS part with this one:
.tabs-newbutton{
list-style-image: url(http://mozilla.org/favicon.ico);
}

https://developer.mozilla.org/En/XUL/Tabs indicates that new button
shoud work the same, but it doesnt!

Any idea?

On Dec 27, 5:17 pm, Eric Jung <eric.j...@yahoo.com> wrote:


> On Sun, Dec 27, 2009 at 3:33 PM, DjBoo <belav...@gmail.com> wrote:
> > Hi,
>
> > There is a CSS attribue ".tabs-closebutton" that create a close button

> > for tabs,  Thehttps://developer.mozilla.org/En/XUL/Tabsindicate that

> Eric- Hide quoted text -
>
> - Show quoted text -

Gijs Kruitbosch

unread,
Dec 28, 2009, 3:58:22 AM12/28/09
to
Looks like you need the .tabs-newtab-button selector for the image to work, per
eg.
http://mxr.mozilla.org/mozilla1.9.1/source/browser/themes/winstripe/browser/browser.css#1483

Please update the MDC doc accordingly if this works.

~ Gijs

DjBoo

unread,
Dec 28, 2009, 1:05:09 PM12/28/09
to
On Dec 28, 3:58 am, Gijs Kruitbosch <gijskruitbo...@gmail.com> wrote:
> Looks like you need the .tabs-newtab-button selector for the image to work, per
> eg.http://mxr.mozilla.org/mozilla1.9.1/source/browser/themes/winstripe/b...

>
> Please update the MDC doc accordingly if this works.
>
> ~ Gijs
>
> On 27/12/2009 23:22 PM, DjBoo wrote:
>
>
>
> > The close button works fine, but my problem is with "new button"
>
> > Replace CSS part with this one:
> >    .tabs-newbutton{
> >       list-style-image: url(http://mozilla.org/favicon.ico);
> >     }
>
> >https://developer.mozilla.org/En/XUL/Tabsindicates that new button
> >> - Show quoted text -- Hide quoted text -

>
> - Show quoted text -

My problem is that I can not even see the new tab button for Tabbox
when I add foregoing CSS, did you test it?

0 new messages