jQuery UI Widgets Forums Grid Statusbar buttons do not lose focus highlight!

This topic contains 2 replies, has 2 voices, and was last updated by  Mr.Moo 9 years, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author

  • Mr.Moo
    Participant

    This same question was raised some considerable time ago, but did not get an answer. Also a search produces this article as the only relevant result.

    http://www.jqwidgets.com/community/topic/statusbar-buttons-not-losing-focus-when-disabled/

    I an now ‘suffering’ from the same issue, so is it down to me, or the API?

    From my renderstatusbar :

    pauseButton.click(function (event) { sources[$("#masterGrid").jqxGrid("getselectedrowindex")].State = "2" ; pauseButton.jqxButton({ disabled: true }) ; resumeButton.jqxButton({ disabled: false }) ; });
    resumeButton.click(function (event) { sources[$("#masterGrid").jqxGrid("getselectedrowindex")].State = "1" ; pauseButton.jqxButton({ disabled: false }) ; resumeButton.jqxButton({ disabled: true }) ; }) ;

    I am using the ‘black’ theme and when I click the pause button the button disables but still has an orange taint to it. I suspect I am missing something here, so as always help would be appreciated.


    Vladimir
    Participant

    Hello Mr.Moo

    You can fix this by adding some css for the theme you are using. In your case this should do:

    .jqx-fill-state-disabled-black {
        background: #a4a4a4;
        background: -moz-linear-gradient(top, #a4a4a4 0%, #757575 4%, #4f4f4f 37%, #464646 48%, #000000 52%, #000000 56%, #0c0c0c 67%, #1e1e1e 78%, #414141 96%, #666666 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(4%,#757575), color-stop(37%,#4f4f4f), color-stop(48%,#464646), color-stop(52%,#000000), color-stop(56%,#000000), color-stop(67%,#0c0c0c), color-stop(78%,#1e1e1e), color-stop(96%,#414141), color-stop(100%,#666666));
        background: -webkit-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
    }

    Add it to the appropriate theme file, or at least somewhere after loading the theme.

    Best Regards,
    Vladimir

    jQWidgets Team
    http://www.jqwidgets.com


    Mr.Moo
    Participant

    Thank you once again, your quality of support is exceptional.

    Moo

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.