PyQt5 Programs | Sidebar example of application

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Sidebar of the application is like Bootstrap sidebar example.
⭐ Uesed Widgets ⭐
〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️
QWidget、QLabel、QStackedWidget、QPushButton、QLineEdit
🔗Links 🔗
〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️
Source Code: github.com/ingwant/PyQt5-Vide...
Icons: www.iconsdb.com/
🧩 Timestamps 🧩
〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️
0:00 App Function Preview
0:17 #1 - Create project folder and prepare icons
0:37 #2- Create UI file: Remove menubar and statusbar
1:24 #3 - Add QWidget for sidebar and main window
2:37 #5 - Create Resource file
2:55 #6 - Set APP logo(50X50)
3:20 #7 - Set icon for each menu pushButton
4:13 #8 - Set logo(40X40) and app title(15)
4:37 #9 - Set icon for each menu pushbutton
5:10 #10 - Set icon size: 14X14 and 20X20
5:20 #11 - Set layout for each widget
5:53 #12 - Set icon and layout for header widget
6:43 #13 - Set layout values
7:42 #14 - Set QPushButton checkable and autoExxlusive
7:58 #15 - Set Signal/Slot for function QPushButtons
9:18 #16 - Change objectName for each widget
10:35 #17 - Create menu pages
11:43 #18 - Convert the UI file to PY file
12:13 #19 - Create main PY file for starting app
14:42 #20 - Create exit signal/slot
15:20 #21 - Create stylesheet qss file
16:44 #22 - Loading style file
19:46 #23 - Function for searching and user information
21:03 #24 - Function for changing QPushButton checked status
22:45 #25 - Function for changing pages
24:00 Example 2: loading stylesheet file
✨ Hashtags ✨
〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️
#PyQt5 #python3 #python #pythonprojects

[@Asm0nd]

Thank you for sharing this. Awesome! Keep going!

[@blackjack_26]

You rescued my univesity project. God bless you

[@codequestions]

Glad I could help!

[@damahouxp]

Super super cool; thanks for generosity!

[@incremental_failure]

Seems like Qt is pushed hard in universities now, lol. But a lot of good info here and you're very proficient with Designer.

[@335haan5]

im crying, tysm finally a comprehensive tutorial

[@codequestions]

😂😂😂

[@edmonddeng3577]

Awesome work!

[@nasurudeenr7849]

very nice more details. Rocking man....

[@berkinylm]

You are pure gold

[@milan_085]

Thank you so much for your efforts.👏👏🔥🔥

[@mtmotoki2]

I just started learning PyQt, your video was very helpful.

[@codequestions]

Glad it was helpful!

[@Raybow-vq8mj]

really helpful, thank you very much❤

[@codequestions]

Glad it was helpful!

[@emrahkaplan2228]

Thank you. Very good job.

[@codequestions]

Glad it was helpful!

[@rinaaiko5619]

you saved my university project

[@captainmustard1]

everything work well for me. Good Video. Thank you :D

[@codequestions]

Great to hear!

[@aliyananwar7633]

Your channel is awesome thanks for such great content

[@codequestions]

Glad you enjoy it!

[@francescoanastasio2021]

This channel is a discovery! FInally someone who knows how to program professionally. You should turn all these videos in a udemy online course.

[@codequestions]

Appreciate it！

[@cornevanzyl5880]

From some that's used PyQT for about year, you've teached many things. I prefer implementing visual changes in the Qt designer rather than in the style sheet. Knowing both methods are a must and you're also doing it for time sake

[@codequestions]

Yes, I agree with you

[@juniorMr]

Thanks a lot

[@_workenx_3764]

Amazing work! i have one question i'm trying to do this work but in C++ and its really hard any tips to traslate it better

[@jotarojoestar1399]

hello, is there a way for the frame that corresponds to the option in the sidebar not to collapse when the sidebar is fully opened?

[@IEEE7]

freaking legend

[@ironF5]

what is QAbstractItemModel in QComplete, i cannot quite comprehend it ! can u elaborate it!

[@abloh123]

You are GOAT

[@untizioqualunque2466]

goated video

[@_desouzaa_]

👏👏👏👏👏👏👏👏

[@taominh]

please make more tutorial videos like this. about set signal/slot for function

[@codequestions]

Sure. Since I have time, I will do more videos

[@taominh]

@@codequestions❤️

[@EsraaSalah-lg4mc]

at 8:30 min, when you press the pushbutton how can you make the second menu (with details) replace the first one?

[@codequestions]

Set the Menu button checkable first, then set toggled signal and solt between menu button and menu frame

[@Sylarman1]

This is awesome. I'm having a really hard time though, trying to figure out, where the heck the mouse disappears to on section #17 on min 10:35 I know we want to create menu pages with QLabel, but what exactly are you doing here? Where are you pasting from? Please help. Thanks.

[@codequestions]

Just put some labels into each page for identiting pages

[@ironF5]

i am using the same code as shown in this video, and doing a bit of editting and calling label_5 (which is in page2 as per video) on page3 as well. logically speaking the label_5 should appear on both page2 and page 3 but label_5 appears on page3 only and page2 shows nothing. how to make it appear on both pages?

[@codequestions]

The objectname should not be duplicate in one ui file

[@ironF5]

@@codequestions what to do if i want similar QObject on multiple QWidgets (for example textbox=QTextBox on 2 different QWidgets)? is their a way?

[@codequestions]

@@ironF5 just use designer to create the ui

[@simbapfaira1340]

This is beautiful🥵🥵

[@codequestions]

Thanks

[@ironF5]

how to add margins on QTextEdit .... so that itshows margins on all sides as it shows on microsoft-word and google-docs?

[@codequestions]

do you the width of text to border? if that, you can use (padding: 10px) to set the margins

[@ironF5]

@@codequestions will try and update

[@ironF5]

how to zoomin zoomout using QSlideBar(horizontal) on QTextEdit?

[@codequestions]

QSlideBar.valueChanged.connect(set_font_size_of_QTextEdit)

[@ironF5]

@@codequestions can u also write code for set_font_size_of_QTextEdit function, i have spin box for font sizes in my app. but i cannot understand how the app is going to understand which slider way does the font increases and vice versa...

[@alirics]

Hi! Very nice video! I have one question: Why my icons are not changing colors after I clicked on them?

[@codequestions]

When you set the icon for button in designer, you need to set different icons for on and off

[@omer-halaby]

Amazing work! Although can anyone help me with a problem I encountered while trying to use the code? I can't see the logos.

[@codequestions]

Make sure you have the QLabel for logo first.

[@omer-halaby]

@@codequestions Oh thank you but I think I solved it by now. I had to change the file paths used to get the icons. I changed it in the designer and saved and it wotked. Thanks anyways!

[@ironF5]

how to change theme of your application at run time? how to add multiple themese and chagne at run time?

[@codequestions]

for this question, you need create different theme file first. then you can use the method in the last video to change themes.

[@ironF5]

my completer code works on the main QTextEdit but when i add mdi functionality, it works on the first window and doesnot work on new mdi's !

[@codequestions]

do you mean mdiArea?

[@ironF5]

@@codequestions yes

[@ironF5]

@@codequestions yes mdi area

[@tuongnguyenvan7951]

how to insert icon? What tool do you use? 12:00

[@codequestions]

What do you mean inserting icon? I just use qt designer.

[@ironF5]

can we do speelchecking on QTextEdit as it shows red underline in misspelled words on microsoft-word and google-docs? can u make video on that?

[@codequestions]

for spellchecking, the the basic theory if check all the input words to a words list. so you need a word list. use textChanged signal to connect check function. you can follow this article first:nethumlamahewage.medium.com/integrating-spellchecking-into-a-qtextedit-widget-in-pyqt5-with-enchant-f025f4097e5c

[@ironF5]

@@codequestions i have successfully integrated this spellcheck module in my application, and it is working at my end with my QTextEdit applicaiton with full functionality, it shows red line on misspelled words and give suggestions as well .... thank you

[@codequestions]

@@ironF5 Congratulations！

[@ironF5]

@@codequestions thank you.. is there any library that gives synonyms and antonyms like this spell check? preferably offline (like this spellcheck example)??

[@ironF5]

@@codequestions can u also tell me how can i add more dictionaries (currently only english language works) for other languages and make it work aswell !! 1). how to add more dictionaries and 2). how to make it work in QTextEdit!

[@ashwinkumar5223]

What's the name of this editor you used here

[@codequestions]

capcut

[@ironF5]

my QCompleter code works, with QLineEdit and QTextEdit as well. now i have another query normally QCompleter code words when a list of words is provided, and QCompleter matches a word from that list and provide suggestions what to do if i have dictionary, key value pair in case of keyvalue pair, i want the QCompleter code to search on Key item and suggest the value item. please make a video on it if possible.!

[@codequestions]

kzbin.info/www/bejne/bnPXlnaVjKyhiNU

[@codequestions]

Do you watch this video? I think it may help you

[@codequestions]

@@ironF5 this is a smaple example for the function that you want def InitCompleter(self): self.data = { "word": "defination", "word1": "defination of word1", "word2": "defination of word2", "word3": "defination of word3", } completer = QCompleter(self.data.keys()) self.lineEdit = self.ui.lineEdit self.lineEdit.setCompleter(completer) def on_lineEdit_textChanged(self, text): defination = self.data.get(text) if defination: self.ui.label.setText(defination)

[@ironF5]

@@codequestions hello, the minimum working code is pasted below that works at my end. when i press 'w' it suggests all words starting from 'w'(like a normal QCompleter), whereas i want the content of the corresponding second column (QCompleter working should be on the first column but the suggestions should be from second column) code start after this line _____________________________ import sys from PyQt5.QtWidgets import ( QApplication, QCompleter, QLineEdit, QVBoxLayout, QWidget ) data = { "word": "defination", "word1": "synonym of word1", "word2": "example of word2", "word3": "working of word3", } class mywin(QWidget): # doesnot work with QMainWindow def __init__(self): super(mywin,self).__init__() self.initUI() def initUI(self): vbox=QVBoxLayout() self.setWindowTitle('Ayyaz application') self.setGeometry(200,200,400,200) self.l=QLineEdit() completer=QCompleter(data.keys()) self.l.setCompleter(completer) vbox.addWidget(self.l) self.setLayout(vbox) def mymain(): app = QApplication(sys.argv) win=mywin() win.show() sys.exit(app.exec_()) if __name__=='__main__': mymain() ________________ code ends before this line

[@codequestions]

@@ironF5 whats the purpose of your app? if you just want search the value by the key. I think it’s no matter where the result shows. If you want to show result in the lineEdit, change the label to LineEdit. But if you want to show the value as suggestions list by input key word. I don’t know how to do it. I don’t think it works.

[@quennyborromeo4653]

Hi. why does my icon doesn't show up?

[@codequestions]

When you create the ui file or after convert it into py file?

[@huynhduyphuong7787]

how can you change the pages without call any signal clicked.connect in __init__ of mainWindow I see you just define some function such as on_home_btn_1_toggled,... and don't need call self.ui.home_btn_1.clicked.connect(self.on_home_btn_1_toggled()) in your __init__?? Is there any linked I haven't understand here?? Thank you so much

[@codequestions]

This is from C++. when you create C++ programs with qt, the function is automatically created in *.h file.

[@huynhduyphuong7787]

@@codequestionsit means that on'_button_name_'toggle is built in function and it id automatically called when the butoon toggle and we don't need do anything else, right?

[@huynhduyphuong7787]

can you give me the link talk about those functions, I don'f find any document whoch mention about them

[@codequestions]

@@huynhduyphuong7787 can we chat with discord? Then I can send you the screenshot of the book I learn it from. This is a Chinese book,but I think we can translate to English

[@huynhduyphuong7787]

@@codequestions yeah of course, can you give me link your discord

[@muhammadprawirayuda3510]

sory brother, i would like to ask about this : ## functions for changing menu page def on_home_btn_1_toggled(self): self.ui.stackedWidget.setCurrentIndex(0) def on_home_btn_2_toggled(self): self.ui.stackedWidget.setCurrentIndex(0) my question is , where the signal of this slot (on_home_btn_toggled) ? thanks

[@codequestions]

Use on to connect signal(toggled) and slot(home_btn_2). "home_btn_1" and "home_btn_2" are object name

[@muhammadprawirayuda3510]

@@codequestions this one >> self.home_btn_1.toggled['bool'].connect(self.home_btn_2.setChecked) ?? sory im still dont get it:( can you make it clearly, thanks

[@codequestions]

@@muhammadprawirayuda3510 this code is automatic generated when use pyuic5 convert ui file to python file. and I think this is from the signal and slot setting in designer.

[@tuongnguyenvan7951]

How do you do this step? 10:35

[@codequestions]

just add QStackedWidget into QWidget, then add QLabel into each page

[@regisgambiza1808]

share the code please?

[@codequestions]

github.com/ingwant/PyQt5-Video-Book.git

[@ucphanai4286]

My icon doesn't show up when I conver ui -> py

[@codequestions]

If you are using a resource file, there may be an issue with importing. If you are only using images for the icons, it could be a path issue.

[@ucphanai4286]

@@codequestions I just use your resource file, but still cannot show the icons ;-;

[@codequestions]

Please watch this video starting at 12:13 #19 - Create main PY file for starting app@@ucphanai4286

[@codequestions]

@@ucphanai4286 11:43 #18 - Convert the UI file to PY file

[@RPXGAMING01]

can you please help me with this i used the same code in the video but cant pass 14:00 Error: Traceback (most recent call last): File "C:\OneDrive\Documents\main.py", line 20, in window = MainWindow() ^^^^^^^^^^^^ File "C:\OneDrive\Documents\main.py", line 12, in __init__ self.ui.setupUi(self) File "C:\OneDrive\Documents\main.py", line 16, in setupUi MainWindow.setMinimumSize(QtCore.QSize(0, 40)) TypeError: arguments did not match any overloaded call: setMinimumSize(self, minw: int, minh: int): argument 1 has unexpected type 'QSize' setMinimumSize(self, s: QSize): argument 1 has unexpected type 'QSize'

[@codequestions]

It’s hard to debug without code.

[@RPXGAMING01]

is there anyway to contact you to help me solve it

[@codequestions]

@@RPXGAMING01 you can find a discord link in the top of my channel page

[@user-bl1yw9rg4r]

Qt модель питон

[@chanceybassell1202]

PЯӨMӨƧM ❗