jQuery UI ThemeRoller - Installing themes
- by CJM
I'm trying to install jQuery UI with a ThemeRoller theme for the first time. I've downloaded jquery 1.4.2... I've downloaded jQuery UI with a couple of themes. I've tried to follow the instructions but they seem contradictory and don't seem to related to the downloaded files.
When I try to use a datepicker... the datepicker functionality works, but it has the default (grey) style.
This page refers to a folder/sub-folder/css files that don't exist. This page refers to a ui.theme.css file that doesn't exist.
The downloads I received included the following:
--demos
--docs
--external
--themes
----base
----[theme name]
--ui
----i8n
----minified
--js
So what do you put where? I've copied the js to the appropriate directory and linked it into my page. And I copied the themes/base folder as well, and linked into the jquery.ui.all.css file. Even the included demos only display the default (grey) styling.
Where am I going wrong?
The head section:
<script type="text/javascript" src="/scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery-ui-1.8.custom.min.js"></script>
<link rel="Stylesheet" href="/css/smoothness/jquery.ui.all.css" />
The body section:
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker();
});
</script>
<div>
<p>Date: <input type="text" id="datepicker" /></p>
</div>
