Qwebview: check box graphics.

  • Hi all,
    I am using Qt 5.0.2 on windows 7. When I display a check box on a web view, the appearance is very crazy: http://db.tt/zPt1vEIt (disable visual style) and http://db.tt/zkYz2keD (enable visual style) I want the check box is displayed like the first. But I can not find how to disable visual style of windows. Any help would be appreciated.

  • hi, is the issue that the checkboxes look like they're disabled?

    i'm having this problem too.

  • yes. do you have any solution for that ??

  • no sorry, not a proper solution, i submitted a bug report about 6 weeks ago:


    but it hasn't received any love so far.

    in my report i only mentioned <select> and <button> elements, but since then i've found that it affects [seemingly] all platforms, and checkboxes too (feel free to add your checkbox problems to the bug report)

    i think that the rendering of any native widget in QtWebkit is broken, and the only solution seems to be to use non-native widgets; jqueryui for example.

    i think this is also why projects which make heavy use of qtwebkit (i.e. RStudio) entirely use non-native widgets (GWT in their case).

    all the best with it, and let us know if you find a better solution.

  • I found that the problem is caused by the changing of "opacity" attribute. It means if "opacity" is alway = 1 or 0.6, everything is fine. So, we intend to set "opacity" = 1 and add a fake layer making it look like disable. But it is not a good solution. We are researching for a better solution.

  • do you mean set the opacity in css? wouldn't the opacity would be 1 by default?

    i have tried setting the opacity to 1, and still i have 'disabled' looking checkboxes (and textboxes too). is there more to it?

    here is a screenshot

    !https://jeru.me/fu/qtwebkit-checkboxes.PNG(checkboxes in qtwebkit)!

    with thanks

  • In my app, when the check box is unchecked, it's opacity = 0.6, when checked, opacity = 1. And this behavior causes another issues. the check box still 'disable' looking even if it's opacity = 1. sorry :(.
    By the way, for the text box u can use the below css
    @input#text_box {
    background-color: rgb(255, 255, 255);
    border: 1px solid #A7A7A7;

  • I'm using QT 5.1.0 under Windows 7 and I'm having the same problem.
    All HTML controls, checkbox, radiobuttons and so on displayed on a QWebView, have the appearance like if the are disabled.

    I hope a solution can be found, as at the moment is it impossible to port my application from QT 4.8 to QT 5.1 due to this bug.

    Thank you.

Log in to reply

Looks like your connection to Qt Forum was lost, please wait while we try to reconnect.