Creating a custom widget in PyQt

Python PyQt Basic: Exercise-7 with Solution

Write a Python program using PyQt5 that asks users to change widget properties, such as color, font, or size. Observe how it affects the widget's appearance.

From doc.qt.io:

QApplication Class: The QApplication class manages the GUI application's control flow and main settings.

QMainWindow Class: The QMainWindow class provides a main application window.

QPushButton: The push button, or command button, is perhaps the most commonly used widget in any graphical user interface. Push (click) a button to command the computer to perform some action, or to answer a question. Typical buttons are OK, Apply, Cancel, Close, Yes, No and Help.

QVBoxLayout Class: This class is used to construct vertical box layout objects.

QWidget: The QWidget class is the base class of all user interface objects.

QColorDialog Class: The QColorDialog class provides a dialog widget for specifying colors.

QFontDialog Class: The QFontDialog class provides a dialog widget for selecting a font.

Sample Solution:

Python Code:

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QVBoxLayout, QWidget, QColorDialog, QFontDialog

class WidgetPropertiesApp(QMainWindow):
    def __init__(self):

        # Set the window properties (title and initial size)
        self.setWindowTitle("Widget Properties")
        self.setGeometry(100, 100, 400, 200)  # (x, y, width, height)

        # Create a central widget for the main window
        central_widget = QWidget()

        # Create a QPushButton
        self.button = QPushButton("Click to Customize!")

        # Create a vertical layout
        layout = QVBoxLayout()

        # Add the QPushButton to the layout

        # Set the layout for the central widget

        # Connect button click events to customization methods

    def customize_color(self):
        # Allow the user to select a custom color for the button
        color_dialog = QColorDialog.getColor()
        if color_dialog.isValid():
            self.button.setStyleSheet(f"background-color: {color_dialog.name()};")

    def customize_font(self):
        # Allow the user to select a custom font for the button text
        font_dialog, ok = QFontDialog.getFont()
        if ok:

def main():
    # Create a PyQt application
    app = QApplication(sys.argv)

    # Create an instance of the WidgetPropertiesApp class
    window = WidgetPropertiesApp()

    # Show the window

    # Run the application's event loop

if __name__ == "__main__":


In the exercise above -

  • Import the necessary modules.
  • Create a custom "WidgetPropertiesApp" class that inherits from 'QMainWindow'.
  • Inside the class, we create the main window and a 'QPushButton' that can be customized by the user.
  • Create customization methods "customize_color()" and "customize_font()" that allow the user to select custom colors and fonts for the button.
  • Connect the button's click events to these customization methods using 'clicked.connect'.
  • The main function creates an instance of WidgetPropertiesApp, displays the window, and starts the application's event loop.


PyQt: Creating a custom widget in PyQt. Part-1
PyQt: Creating a custom widget in PyQt. Part-2


Flowchart: Creating a custom widget in PyQt.
Flowchart: Creating a custom widget in PyQt.

Python Code Editor:

Previous: Creating a custom widget with PyQt.
Next: Building a basic calculator with Python and PyQt.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.