Using Themeroller themes

Freefox

Hi,

I just installed the DataTables module in Drupal and added datatables 1.9 4 in the library folder. The module works like a charm. DT is a great tool and from now on it's part of my standard installed modules/tools.

I looked through the forum and documentation but I can't find a simple explanation how I can implement a Themeroller theme in my install.

The thing I'm looking for is like this:

1. Go to Themeroller and select or edit your theme.
2. Click download and select ... options
3. Place ... files from the download in the folder ...
4. Change ... setting in ... file to use the new theme

I would appreciate if someone can fill in the ... in the above list.

Kind Regards
Freefox

allan

In terms of pure DataTables (I can't say for certain about Drupal as I've never used that module, so it is possible it might require you to put the configuration options for DataTables in a certain location?):

> 1. Go to Themeroller and select or edit your theme.

> 2. Click download and select ... options

On the jQuery UI download package builder you don't need any of the jQuery UI Javascript as DataTables does not have any dependencies on it. So you can deselect the Javascript options if you want - it doesn't actually matter - its the theme files you want:

> 3. Place ... files from the download in the folder ...

Copy the directory from your downloaded directory: `jquery-ui-1.9.2.custom/css/{theme-name}` and put it somewhere on your web-server - it doesn't matter where, but you will likely want to keep like files somewhere similar for your on sanity!

In your HTML you need to include the CSS. Something like:

[code]

@import "media/css/jquery.dataTables_themeroller.css";
@import "{theme-name}/jquery-ui-1.8.4.custom.css";

[/code]

Note I've referenced `jquery.dataTables_themeroller.css` that's in the DataTables download package and just sets up a few DataTables specific styles for ThemeRoller.

> 4. Change ... setting in ... file to use the new theme

All you need to do in your DataTables initialisation is set `jQuery:true` . I tend to also use sPaginationType as I think it looks a bit better with ThemeRoller:

[code]
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
[/code]

There is an example of all that together here: http://datatables.net/release-datatables/examples/basic_init/themes.html

Regards,
Allan

Freefox

WOW ... Support within the hour, even on a Sunday !! Guys, payed support rocks, support Allan !!