Open In App

PyQt5 QCalendarWidget – Background Color of the Next Month button

Last Updated : 21 Jun, 2020
Like Article

In this article we will see how we can set background color to the next month button of the QCalendarWidget. Next month button is on the right hand size in the tool buttons, tool buttons are the buttons available at the top i.e buttons to go to left and right page, setting background color 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 border to independent component as well.

We can set background color to the tool buttons with the help of QCalendarWidget QToolButton as class name in the style sheet, but this will set background color to all the elements of the tool buttons.

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

QCalendarWidget QToolButton#qt_calendar_nextmonth
background-color : lightgreen;
QCalendarWidget QToolButton#qt_calendar_nextmonth::hover
background-color : cyan;
QCalendarWidget QToolButton#qt_calendar_nextmonth::pressed
background-color : red;

Note : We use QToolButton#qt_calendar_nextmonth::hover and QToolButton#qt_calendar_nextmonth::pressed to add background color only when mouse hover over them or when they get pressed. There are also !hover and !pressed which are opposite states for the hover and pressed states.

Below is the implementation

# 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):
        # setting title
        self.setWindowTitle("Python ")
        # setting geometry
        self.setGeometry(100, 100, 500, 400)
        # calling method
        # showing all the widgets
    # method for components
    def UiComponents(self):
        # creating a QCalendarWidget object
        # as Calendar class inherits QCalendarWidget
        self.calendar = Calendar(self)
        # setting cursor
        # setting size of the calendar
        self.calendar.resize(350, 240)
        # move the calendar
        self.calendar.move(10, 10)
        # setting stylesheet
        # adding background to the navigation  bar next month button
        # adding background color when mouse hover over it and when it get pressed
        self.calendar.setStyleSheet("QCalendarWidget QToolButton# qt_calendar_nextmonth"
                                    "background-color : lightgreen;"
                                    "QCalendarWidget QToolButton# qt_calendar_nextmonth::hover"
                                    "background-color : cyan;"
                                    "QCalendarWidget QToolButton# qt_calendar_nextmonth::pressed"
                                    "background-color : red;"
# create pyqt5 app
App = QApplication(sys.argv)
# create the instance of our Window
window = Window()
# start the app

Output :

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads