Open In App

PyQt5 QCalendarWidget – Background Color to the tool buttons

Last Updated : 24 Jan, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

In this article we will see how we can set background color to the tool buttons of the QCalendarWidget. Tool buttons are the buttons available at the top i.e buttons to go to left and right page, setting border to QCalendarWidget is not like setting background color to the other widgets, calendar is widget which has many child i.e component we can set background color to independent component as well. Below is how the calendar with background color on tool buttons will look like

In order to do this we will use setStyleSheet method with the QCalendarWidget object, below is the style sheet code

QCalendarWidget QToolButton
{
background-color : lightgreen;
}
QCalendarWidget QToolButton::hover
{
background-color : cyan;
}
QCalendarWidget QToolButton::pressed
{
background-color : red;
}

Note : We use QToolButton::hover and QToolButton::pressed to add border only when mouse hover over them or when they get pressed, also there !hover and !pressed which is exact opposite of hover and pressed state.

Below is the implementation

Python3




# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys
  
# QCalendarWidget Class
class Calendar(QCalendarWidget):
  
    # constructor
    def __init__(self, parent = None):
        super(Calendar, self).__init__(parent)
  
  
  
class Window(QMainWindow):
  
    def __init__(self):
        super().__init__()
  
        # setting title
        self.setWindowTitle("Python ")
  
        # setting geometry
        self.setGeometry(100, 100, 500, 400)
  
        # calling method
        self.UiComponents()
  
        # showing all the widgets
        self.show()
  
  
    # method for components
    def UiComponents(self):
  
        # creating a QCalendarWidget object
        # as Calendar class inherits QCalendarWidget
        self.calendar = Calendar(self)
  
        # setting cursor
        self.calendar.setCursor(Qt.PointingHandCursor)
  
        # setting size of the calendar
        self.calendar.resize(350, 240)
  
        # move the calendar
        self.calendar.move(10, 10)
  
        # setting stylesheet
        # adding background color to the calendar's tool buttons
        # adding background color for hover and pressed state
        self.calendar.setStyleSheet("QCalendarWidget QToolButton"
                                    "{"
                                    "background-color : lightgreen;"
                                    "}"
                                    "QCalendarWidget QToolButton::hover"
                                    "{"
                                    "background-color : cyan;"
                                    "}"
                                    "QCalendarWidget QToolButton::pressed"
                                    "{"
                                    "background-color : red;"
                                    "}"
                                    )
  
  
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
# start the app
sys.exit(App.exec())


Output :



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads