How to get jquery ui tabs working?

Tags: jquery,css

Problem :

At there is a short HTML example of how to use JQuery UI Tabs.

  • I put the HTML in a local index.htm file.
  • I downloaded all the CSS and Javascript files, and saved them in local files:
  • but the closest I can get is the same example without any color in the tabs.
  • I've looked around for images, etc. but can't find any.
  • I can even have everything local EXCEPT the CSS file which I get off their server and THEN it works, so it is something in the CSS file that I'm not getting.

What am I not copying locally that the online CSS file has? Has anyone gotten this JQuery UI Tabs to work and have a zip file that works locally?

Solution :

For the UI tabs to work you NEED some CSS. The documentation states the minimum required.

The problem you have with the example theme is because the css file used references other CSS files. You need to copy them all locally. You also need an image under the themes/flora/i folder.

    CSS Howto..

    CSS question. How can I get blueprint css to work rails tabnav widget?

    How do I trigger the popup dialog box automatically from iWebkit?

    Android stock browser: How to prevent double tap closing browser

    How change css of disabled input checkbox tag?..because it's too light and hard to see

    JQuery function to show element dependent on the value of hidden HTML input element

    How to get user submission to post to page

    How to change background on hover for 2 elements using css

    How can I inject a static CSS File in GWT like it is done with JS Files?

    How to solve the disapearing of top margins in element when using CSS3 Pie in IE7

    CSS or Javascript href hover (or mouseover) showing additional clickable links

    How to get this hover effect with just CSS

    How to animate all except one feature with CSS

    CSS: How to align elements around a centered element?

    How to center a button WITHOUT a div using CSS

    myFlowPanel has many childFlowPanels, so how to create the same margin for all childFlowPanels without using marginTop on childFlowPanels (GWT)?

    css - jquery - how to remove wrapper div element?

    How to decode base64-encoded font information?

    How to add a class to only one div on click?

    How to optimize CSS code?

    How to make the underlines the same size in all browsers with css?

    How to make float : left work same as table-cell?

    How to add font to a web page

    How to style a dynamic html created by PHP

    How to divide the content column in to two using css

    How to control the HTML area to the right?

    How to fill remaining height and width?

    How can I compute a percentage based margin with LESS css?

    How to set minimum height to the 100% of the viewing screen and half of the page?

    How to free a paragraph from its CSS style?

    How to stretch image in img tag larger than its natural size?