Skip to content
Related Articles

Related Articles

PyQt5 QCalendarWidget – Setting Border to the Navigation Bar

Improve Article
Save Article
  • Last Updated : 21 Jun, 2020
Improve Article
Save Article

In this article we will see how we can set background color to the navigation bar of the QCalendarWidget. In calendar navigation bar is the bar at the top which consist of some buttons, setting background 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. Below is how the navigation bar with background color will look like

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

QCalendarWidget QWidget#qt_calendar_navigationbar
background-color : lightgreen;

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 color to the calendar's navigation bar
        # adding another background color when mouse hover over it
        self.calendar.setStyleSheet("QCalendarWidget  QWidget# qt_calendar_navigationbar"
                                    "background-color : lightgreen;"
                                    "QCalendarWidget  QWidget# qt_calendar_navigationbar::hover"
                                    "background-color : cyan;"
# create pyqt5 app
App = QApplication(sys.argv)
# create the instance of our Window
window = Window()
# start the app

Output :

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!