In this article we will see how we can set border 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 border to QCalendarWidget is not like setting border 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 border to the tool buttons with the help of QCalendarWidget QToolButton
as class name in the style sheet, but this will set border 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 { border : 4px solid red; } QCalendarWidget QToolButton#qt_calendar_nextmonth::hover { border : 4px solid green; } QCalendarWidget QToolButton#qt_calendar_nextmonth::pressed { border : 4px solid blue; }
Note : We use QToolButton#qt_calendar_nextmonth::hover and QToolButton#qt_calendar_nextmonth::pressed to add border 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 ):
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 border to the navigation bar next month button
# adding border when mouse hover over it and when it get pressed
self .calendar.setStyleSheet( "QCalendarWidget QToolButton# qt_calendar_nextmonth"
"{"
"border : 4px solid red;"
"}"
"QCalendarWidget QToolButton# qt_calendar_nextmonth::hover"
"{"
"border : 4px solid green;"
"}"
"QCalendarWidget QToolButton# qt_calendar_nextmonth::pressed"
"{"
"border : 4px solid blue;"
"}"
)
# create pyqt5 app App = QApplication(sys.argv)
# create the instance of our Window window = Window()
# start the app sys.exit(App. exec ())
|
Output :