How to get jquery ui tabs working?


Tags: jquery,css

Problem :

At http://docs.jquery.com/UI/Tabs#Example 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..

    How to have anchors to the side of the page? [closed]

    How to float a
    echoed in the footer over a
    located elsewhere (PHP/jQuery/HTML/CSS)

    How can I get a jquery css container to pop up letting the user know data was successfully entered?

    How to use Aural CSS?

    How can I make kinetic.js full screen background view

    How make divs next to each other?

    Is it possible to show webpage in a window from my Chrome extension, only using JS, HTML and CSS?

    How to Programatically Toggle a Zurb Foundation Switch Control, in Chrome?

    CSS how translate DIV with whole content in it

    How to use CSS to style the results of a PHP echo?

    How does Bootstrap's Jumbotron example create space in navbar elements

    How can I create an overlay that stays in DOM as opacity 0 but doesn't prevent content from being clickable?

    Border around tr element doesn't show?

    how would you set up the GUI for a web-based board game structure?

    How to use base css file using twig

    How to make menu bar with nested submenu css

    how to put image and texts on img html css

    How to use PHP to get the value of a star rating widget?

    How to make interactive logo design without flash?

    How do you apply diferent colors from diferent css rules to the same object?

    How do I add a the bootstrap 'form-control' class to a select using the Simple_Form gem?

    How to print the CSS stylesheet for PPI::HTML highlight? [closed]

    How to NOT select only specific elements in a table with jQuery?

    How to apply a property only to the submit button

    how to clean the css style of jquery-ui be added automatically when someone use β€œ.draggable()”

    How to remove css property from last child element?

    How to add & show 4d image in web site with css

    how to make button in ionic + css

    How to hide all element on html page except one div using css?

    How to accurately position divs with css