Search Panel Jquery UI theme Not Appiled Correctly

gvcs31

I am Having Problem While Apply The JqueryUI theme to SearchPanel Not Applying The theme

sandy

Hi @gvcs31,

Could you please link to a test case so that we can take a look at this and help you out. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Thanks,
Sandy

gvcs31

HI Sandy

Here i attached the test case For the them Jquery Ui theme Not Applied Problem
http://live.datatables.net/mupugobe/1/edit

gvcs31

HI Sandy

Here i attached the test case For the them Jquery Ui theme Not Applied Problem
For Datatable Header And Footer Also

http://live.datatables.net/mupugobe/1/edit

sandy

Hi @gvcs31 ,

the only difference that I can see is the blue background that is being applied, is this what you are referring to?

Thanks,
Sandy

gvcs31

Hi Sandy ..

Yes Correct the Background Theme is Not applied for The Header And footer...

sandy

Hi @gvcs31 ,

Ok, in which case that styling is being applied from one of the extra jQuery css files that you are adding in the following tag.

<link href="https://code.jquery.com/ui/1.10.2/themes/excite-bike/jquery-ui.css" rel="stylesheet">

This is the css property that is causing the blue background

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ffffff;
    background: #1484e6 url(images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;
    font-weight: bold;
    color: #ffffff;
}

A solution to this, if you need to keep that file, is to set some custom css to remove the background on the desired elements.

Thanks,
Sandy