How can I reset tabs CSS for certain widgets?

[btoxic]

I was wondering if there was an easy way to reset the default theme
for specific UI widgets? I would prefer to write all my own CSS for
certain widgets.  Some widgets don't need styling at all, for example
a text based nav for the tabs widget.  Maybe something like:

$("#example").tabs({
        css: 'reset_all'
});


I have scoured the internet for a solution but nothing so far.  Any
help would be greatly appreciated : )

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

[Richard D. Worth-2]

You have a few options:

- write overrides, either using the plugin-specific classes (ui-tabs, ui-tabs-nav, etc) or the widget-generic classes (ui-widget, ui-widget-header, etc)

- Use the advanced option in the download builder, theme scoping. Then don't have your tabs fit in that scope. For more, see

http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/

- Make use of only ui.core.css and the individual functional/layout css file(s), such as ui.tabs.css, that contains no theming css. These individual files can be found in the development bundle zip or the development-bundle folder of a custom zip. Write your own css otherwise. All the theming css is inside ui.theme.css, so you can leave this out, write your own, or heavily modify it.

- Richard

On Tue, Nov 3, 2009 at 2:12 AM, btoxic <bradley32@...> wrote:

I was wondering if there was an easy way to reset the default theme
for specific UI widgets? I would prefer to write all my own CSS for
certain widgets.  Some widgets don't need styling at all, for example
a text based nav for the tabs widget.  Maybe something like:

$("#example").tabs({
       css: 'reset_all'
});


I have scoured the internet for a solution but nothing so far.  Any
help would be greatly appreciated : )

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui%2Bunsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

[btoxic]

Ok. Very Good Richard. Thanks for your reply!

On Nov 5, 5:14 pm, "Richard D. Worth" <rdwo...@...> wrote:

> You have a few options:
>
> - write overrides, either using the plugin-specific classes (ui-tabs,
> ui-tabs-nav, etc) or the widget-generic classes (ui-widget,
> ui-widget-header, etc)
>
> - Use the advanced option in the download builder, theme scoping. Then don't
> have your tabs fit in that scope. For more, seehttp://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a...
>
> - Make use of only ui.core.css and the individual functional/layout css
> file(s), such as ui.tabs.css, that contains no theming css. These individual
> files can be found in the development bundle zip or the development-bundle
> folder of a custom zip. Write your own css otherwise. All the theming css is
> inside ui.theme.css, so you can leave this out, write your own, or heavily
> modify it.
>
> - RichardOn Tue, Nov 3, 2009 at 2:12 AM, btoxic <bradle...@...> wrote:
> > I was wondering if there was an easy way to reset the default theme
> > for specific UI widgets? I would prefer to write all my own CSS for
> > certain widgets.  Some widgets don't need styling at all, for example
> > a text based nav for the tabs widget.  Maybe something like:
>
> > $("#example").tabs({
> >        css: 'reset_all'
> > });
>
> > I have scoured the internet for a solution but nothing so far.  Any
> > help would be greatly appreciated : )
>
> > --
>
> > You received this message because you are subscribed to the Google Groups
> > "jQuery UI" group.
> > To post to this group, send email to jquery-ui@....
> > To unsubscribe from this group, send email to
> > jquery-ui+unsubscribe@...<jquery-ui%2Bunsubscribe@...>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/jquery-ui?hl=en.
>
>

--

You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.