PyQt5 QCalendarWidget – Setting Border to the Navigation Bar

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

filter_none

edit
close

play_arrow

link
brightness_4
code

# 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 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
sys.exit(App.exec())

chevron_right


Output :

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.




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.