This page has 0 threads | Add post

Blogs

Finding our blogs useful? Please consider helping us to share more!

Should you be using QT for Python as a GUI? Part seven of an eight-part series of blogs
If you need to build a GUI system in Python, PyQt5 is probably the best choice, but don't take our word for it - read this blog and see what you think. Should you be using PyQt? QT Designer Widgets Layouts Forms and code Slots and Signals CSS and Formatting (this blog) Models and Data

Should you be using QT for Python as a GUI?

Part seven of an eight-part series of blogs

If you need to build a GUI system in Python, PyQt5 is probably the best choice, but don't take our word for it - read this blog and see what you think.

Posted by Andy Brown on 21 June 2022

CSS and Formatting

By far the easiest way to attach formatting to the widgets of a form is using a cascading style sheet. Here we have a simple form with absolutely no formatting:

The form looks drab, but CSS will sort this out.

For the title at the top of the form saying that CSS is great, we've added this dynamic property:

I probably should have mentioned that you can add your own properties to widgets earlier!

You could now create a style sheet - here's mine:

This style sheet sets a default Verdana 14 point font for all widgets, then sets specific formatting for QT labels, push buttons and any widgets to which we've attached the class h1_title.

You can then apply this in your code:

# opens style sheet and returns string of text containing CSS

with open(r"temp.css") as css_file:

css = css_file.read()

# apply CSS

self.setStyleSheet(css)

This is what would appear when you run your form and click on the button:

In retrospect I should have put a bit more effort into making the styles look nice! Notice that the title appears in a different font size, because it has its dynamic property class set to h1_title.

This ability to attach CSS style sheets to GUI forms is a big selling-point to me for PyQt5.

Parts of this blog
Should you be using PyQt? QT Designer Widgets Layouts Forms and code Slots and Signals CSS and Formatting (this blog) Models and Data

Some other pages relevant to the above blogs include:

This blog has 0 threads

Add a new post

Head office

Kingsmoor House

Railway Street

GLOSSOP

SK13 2AA

London

Landmark Offices

99 Bishopsgate

LONDON

EC2M 3XD

Manchester

Holiday Inn

25 Aytoun Street

MANCHESTER

M1 3AE

Site map

Terms & Conditions

Book any course as classroom, onsite or online training, or as one-to-one consultancy

Free resources

Paid services

Getting help

Where we are

Where you are

Online

Transparent reviews

Delivery of courses

Nicer to work with

Reliable and established

Our training courses

C#

Excel

MySQL

Power Apps

Power Automate

Power BI and DAX

Python

Report Builder

SQL

SQL Server

VBA Macros

Other training resources

Blogs

Exercises

YouTube tutorials

YouTube shorts

Test your skills

Consultancy

Courseware

Self-paced courses

Newsletters

Publications

Our training venues

London

Manchester

Across the UK

At your site

Online

Why we are different

Hundreds of published reviews

Small class sizes

Outstanding courseware

Online classroom

(Almost) no cancellations

Wise Owl trainers only

Genuine integrity

Invoices after training

30+ years of Wise Owl

Our top 100 clients

BLOGS BY TOPIC

BLOGS BY AUTHOR

CSS and Formatting

Head office

London

Manchester