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 :
