hi again,
i tried to add new ids and modify the style as suggested, but can't
get it to work. here is what i have in the ui.tabs.css:
/* default */
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
background: url(/ui/images/tab.png) no-repeat;
/* user specific */
#tab1 .ui-tabs-nav a,#tab1 .ui-tabs-nav a span {
background: url(/ui/user/images/user-tab.png) no-repeat;
}
then in my template:
<script type="text/javascript">
var USER_TABS_COOKIE = 'user_profile_cookie';
$(function() {
$('#tab1 ul')
...
<div id="tab1">
<ul>
<li><a href="#fragment-user-1"><span>Profile</
span></a></li>
<li><a href="#fragment-user-2"><span>Company</
span></a></li>
</ul>
....
and for the second jquery tabs:
<script type="text/javascript">
$(function() {
$('#tab2 ul')
...
<div id="tab2">
<ul>
<li><a href="#fragment-1"><span>News</span></a></
li>
<li><a href="#fragment-2"><span>Events</span></a></
li>
</ul>
but I cannot get it to work.
Any advice much appreciated.
Cheers
Norman
On Sep 23, 10:11 am, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> I suggest using ids and style via context:
>
> #one .ui-tabs-nav {
> ...
>
> }
>
> #two ui.tabs-nav {
> ...
>
> }
>
> --Klaus
>
> On Sep 23, 9:32 am, khinester <[EMAIL PROTECTED]> wrote:
>
> > Hello,
> > I am working on an interface which uses two sets of jQuery tabs, this
> > works fine, but I would like to have different styles and different
> > tabs.png for each set. What is the usual way to achieve this?
> > Cheers
> > Norman
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
