PyQt5 – Set skin to unchecked indicator of Check box

PyQt5 - Skin to checked indicator of Check box

Last Updated : 22 Apr, 2020

In this article we will see how see how we can set skin to the checkbox when it is in checked state. By default a tick symbol is placed for the checked indicator although we can change it in-place of image. Skin is basically background image which can adjust it self according to the size of indicator of check box. In order to do this we have to change the style sheet code, below is the style sheet code.

QCheckBox::indicator::checked
{
border-image : url(image.png)
}

Below is the implementation

Python3 1==

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys


class Window(QMainWindow):

    def __init__(self):
        super().__init__()

        # setting title
        self.setWindowTitle("Python ")

        # setting geometry
        self.setGeometry(100, 100, 600, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()

    # method for widgets
    def UiComponents(self):

        # creating the check-box
        checkbox1 = QCheckBox('Geek ?', self)

        # setting tristate check box
        checkbox1.setTristate(True)

        # setting geometry of check box
        checkbox1.setGeometry(200, 150, 100, 40)

        # changing style sheet code of check box
        # adding skin to checked indicator 
        checkbox1.setStyleSheet("QCheckBox::indicator:checked"
                                "{"
                                "border-image : url(image.png);"
                                "}")


# create pyqt5 app
App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())

Output :

PyQt5 – Set skin to unchecked indicator of Check box

R

rakshitarora

Improve

Article Tags :

Practice Tags :

python

Similar Reads

PyQt5 â€“ Indicator Skin of Check Box

In this article we will see how to set skin to the indicator of the check box. Unlike background image skin adjust it self to the size of the indicator. Below is the representation of the indicator with background image and indicator with skin. In order to do this we have to change the style sheet c

PyQt5 - Skin to checked check box

In this article we will see how we can set skin to the check box when it is in checked state, by default there is no image associated to the check box. Skin is basically a background image who adjust it self according to the size of the check box. In order to add skin to checked state check box we h

PyQt5 â€“ Set skin to unchecked indicator of Check box

In this article we will see how to set skin to the checkbox when it is in unchecked state. By default no symbol is placed for the unchecked indicator although we can change it in-place of image. Skin is basically background image which can adjust it self according to the size of indicator of check b

PyQt5 - Image Indicator of Check Box

Check box is basically divided into two components one is the indicator which is on the left side by default and other is the check box itself i.e the label part which has text on it. In this article we will see how to set image to a indicator. Below is the representation of normal indicator of chec

PyQt5 â€“ How to Set skin to indeterminate indicator of Check box

In this article we will see how to set skin to the checkbox when it is in indeterminate state. By default a black box symbol is placed for the indeterminate indicator although we can change it in-place of image. Skin is basically background image which can adjust it self according to the size of ind

PyQt5 - Changing size of Indicator in Check Box

In this article we will see how to change the size of indicator. Indicator is the part of check box although if we change the size of check box with the help of resize method or setGeometry method, but it will change the size of check box but not the indicator. In order to change the size of indicat

PyQt5 â€“ Change Color of Check Box indicator

Check box basically have two components that are label and a indicator. By default there is no specific color is set to the indicator although we can change the color of the indicator. Below is the representation of normal indicator vs the colored indicator. In order to do this we have to add the ba

PyQt5 - Skin to checked check box when it get pressed

In this article we will see how we can set skin to check box when it is already in checked state and when it get pressed, by default there is no skin associated to the check box, skin is basically background image that can adjust it self according to the size of check box. In order to do add skin to

PyQt5 - Background color of un-checked indicator in Check Box

In this article we will see how to set background color to an indicator of check box when it is in unchecked state. When checked it will revert back to its default form and for unchecked state we can set the background color. In order to add background color to indicator in un-checked state we have

PyQt5 - Background color to checked indicator in Check Box

In this article we will see how to set an background color to an indicator when it is in checked state, when it gets unchecked it colors go to default. In order to set background color to indicator we have to edit the style sheet used with the check box object and in that we have to change the backg