Skip to content
Related Articles

Related Articles

Improve Article

PyQt5 QCalendarWidget – Background Color to the tool buttons

  • Last Updated : 21 Jun, 2020

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

 Attention geek! Strengthen your foundations with the Python Programming Foundation Course and learn the basics.  

To begin with, your interview preparations Enhance your Data Structures concepts with the Python DS Course. And to begin with your Machine Learning Journey, join the Machine Learning - Basic Level Course

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




# 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 colro 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 :




My Personal Notes arrow_drop_up
Recommended Articles
Page :