OK - the wrapper is grey now. The search box is still top justified. www.etfsmart.com

Add the following CSS rule to a site template CSS file:

.dataTables_wrapper INPUT[type="text"]
{
margin: 0;
padding: 0;
}


Regards,
ARI Soft

This is already there and the search is still top justified. Here is the contents of the CSS:

TABLE.display
{
width: 100% !important;
}

TABLE.display TH
{
text-align: left;
}

.dataTables_wrapper .ui-widget-header
{
background: none lightgray;
border-color: gray;
}

.dataTables_wrapper INPUT[type="text"]
{
margin: 0;
padding: 0;
}

How about I reword the problem? Where is the code for the example provided for ARI Smart Content: ARI JDataTable plugin including the theme selection?

Use the following CSS rule:

.dataTables_wrapper INPUT
{
margin: 0 !important;
padding: 0 !important;
}

Theme can be selected in "ARI JQuery UI Loader" plugin settings. See "Default jQuery UI 1.7.2 theme" parameter.

Regards,
ARI Soft

The margin and padding don't do anything - I wish to vertically center the search within the top wrapper heading.

How does the example select the theme (using a drop down box) without the administrator tampering with the plugin settings?

1. Could you provide an image where we can see what do you want to achieve?

2. Theme can be selected on frontend with help of "ARI JUI Theme Switcher", but it works only for "ARI JAccordion", "ARI JTabView" and "ARI JDialog" plugins.

Regards,
ARI Soft