Search Panel Jquery UI theme Not Appiled Correctly

Search Panel Jquery UI theme Not Appiled Correctly

gvcs31gvcs31 Posts: 8Questions: 3Answers: 0

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

This question has an accepted answers - jump to answer

Answers

  • sandysandy Posts: 913Questions: 0Answers: 236

    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

  • gvcs31gvcs31 Posts: 8Questions: 3Answers: 0

    HI Sandy

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

  • gvcs31gvcs31 Posts: 8Questions: 3Answers: 0

    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

  • sandysandy Posts: 913Questions: 0Answers: 236
    Answer ✓

    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

  • gvcs31gvcs31 Posts: 8Questions: 3Answers: 0

    Hi Sandy ..

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

  • sandysandy Posts: 913Questions: 0Answers: 236

    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

This discussion has been closed.