Wednesday, May 30, 2012

Are there hosted jQuery UI themes anywhere?



Possible Duplicate:

Downloading jQuery CSS from Google's CDN




I'm using Google-hosted jQuery and jQueryUI, but I'm wondering if there are hosted jQueryUI themes anywhere? I'd like to just point to a hosted CSS file (the same way I do with the hosted JS file), so that I don't have to worry about setting up directories for the widget images or the CSS files or anything like that.



Update



I've found this, referenced by the jqueryui.com source code:




<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />




Substituting the name of other themes from the themeroller page seems to work, but I'd love it if someone could find where on Google they list all the available themes that they are hosting . I'm not finding anything about this (maybe it is very recent?).


Source: Tips4all

4 comments:

  1. They are listed on the jQueryUI blog and updated with every release. Both Google and Microsoft provide CDN hosting for the library and themes.

    In general, the URL of each theme CSS file is:

    // Google
    http://ajax.googleapis.com/ajax/libs/jqueryui/[UI.VERSION]/themes/[THEME-NAME]/jquery-ui.css
    // Microsoft
    http://ajax.aspnetcdn.com/ajax/jquery.ui/[UI.VERSION]/themes/[THEME-NAME]/jquery-ui.css


    I have listed the current (UI version 1.8.17) themes below:


    base: Google CDN, Microsoft CDN
    black-tie: Google CDN, Microsoft CDN
    blitzer: Google CDN, Microsoft CDN
    cupertino: Google CDN, Microsoft CDN
    dark-hive: Google CDN, Microsoft CDN
    dot-luv: Google CDN, Microsoft CDN
    eggplant: Google CDN, Microsoft CDN
    excite-bike: Google CDN, Microsoft CDN
    flick: Google CDN, Microsoft CDN
    hot-sneaks: Google CDN, Microsoft CDN
    humanity: Google CDN, Microsoft CDN
    le-frog: Google CDN, Microsoft CDN
    mint-choc: Google CDN, Microsoft CDN
    overcast: Google CDN, Microsoft CDN
    pepper-grinder: Google CDN, Microsoft CDN
    redmond: Google CDN, Microsoft CDN
    smoothness: Google CDN, Microsoft CDN
    south-street: Google CDN, Microsoft CDN
    start: Google CDN, Microsoft CDN
    sunny: Google CDN, Microsoft CDN
    swanky-purse: Google CDN, Microsoft CDN
    trontastic: Google CDN, Microsoft CDN
    ui-darkness: Google CDN, Microsoft CDN
    ui-lightness: Google CDN, Microsoft CDN
    vader: Google CDN, Microsoft CDN

    ReplyDelete
  2. It looks like you can also use

    http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css


    in order to get the latest version 1.

    ReplyDelete
  3. The jQueryUI demo pages (e.g., http://jqueryui.com/demos/tabs/) show about 22 themes, a few more than 81bronco's list. All of them are available under ajax.googleapis.com.

    But that's a heck of way to find out what is available.

    ReplyDelete
  4. On the jQueryUI-ThemeGallery - Homepage (http://jqueryuithemegallery.just-page.de) you can edit and store your own custom jQueryUI-Theme or you can choose a custom-theme (or standard-theme) from the gallery and download it.

    ReplyDelete