Home/ Questions/Q 8065939
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T11:49:31+00:00

I am trying to use the jquery UI tab feature from the link http://jqueryui.com/demos/tabs/manipulation.html

  • 0

I am trying to use the jquery UI tab feature from the link http://jqueryui.com/demos/tabs/manipulation.html

What I did is copied the source code from the webpage to an html file in my pc.. Also added corresponding css and js files and linked them index page. bt there seems to be a problem with the css part as the design is not wrking fine in my page. The issue seems to be with the file jquery.ui.all.css

whose content is 

/*!
* jQuery UI CSS Framework 1.8.21
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming
*/
 @import "jquery.ui.base.css";
 @import "jquery.ui.theme.css";

Nw my page looks like the screenshot ive attached … the list styling doesnt seem to be wrking….enter image description here

How does the @import thing wrk??Could that be the issue?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The stylesheet which is being used uses @imports to import 2 other stylesheets. From within one of these stylesheets that is being imported, it is then importing more stylesheets. So you will need all of these for this demo to work.

    I would suggest downloading one of the themes from jQueryUI as these dont use @imports and have all the styles.

    Alternatively, use a CDN to access the javascript and css files. I use the Microsoft CDN
    You can add a link in your project to:

    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/jquery-ui.min.js"></script>

    and then

    <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/themes/black-tie/jquery-ui.css" />
    • 0