How to create and animate an expandable Sidebar menu In Python | Pyside6 / PyQt6 (2023)

Today we build a simple GUI Sidebar Menu in Python. For the graphical user interface we use PySide6 or PyQt6 inside QtDesigner.
Accessories
www.mediafire.com/folder/0iou...

[@davethinkingsystems]

This was really brilliant. So clear. Much appreciated.

[@Yhwhaleks1602]

Great lesson. Thank you. I applied it to my project !

[@doctormanfer]

Awesome!!!! Marvellous work!!!

[@tonygreen4812]

Fantastic work!

[@Tetianaoutdoors]

Oh man. I was so upset at a project because it wouldn't import my resource files. I gave up on it then watched this video just for entertainment and then you formatted the .qrc file to an .rc file and made a lightbulb go on over my head. I needed to convert it to be readable. Lol. Thanks

[@fredericroland8204]

Nice! Thank you

[@lolnewtonzlol]

Fantastic video. Thank you!

[@CreateBeautifulThings]

Glad you liked it!

[@OaZJumper]

Really helpful video, thanks!

[@CreateBeautifulThings]

You're welcome

[@cletusikennachukwuemeka9418]

You have a new follower Sir

[@younesdeveloper]

awesome

[@II-er7gj]

Bro, it's awesome!! Please do more tuts like this one and more python! I subscribed your channel! Thank you very much for your time to show such fantastic knowledge! I learned a lot something new for Me from you tutorials!

[@sebastianmb88]

thanks a lot from Colombia you are a master

[@CreateBeautifulThings]

You are welcome!

[@wewe-rg9yu]

You are my hero

[@oualidbennahia5336]

great thanku so much

[@CreateBeautifulThings]

Most welcome 😊

[@Slbaz]

Thanks!

[@anti_shade3436]

You're blessed

[@user-xn3kc7ig6f]

The Best tutorial

[@CreateBeautifulThings]

Thank you for watching

[@sennlich]

Top Top Top

[@jotarojoestar1399]

can the stacked widget not collapse when the icon with name is expanded? like it would just pop up above the stacked widget and turn it dark or something?

[@neverdiewibu4108]

how can i make the sidebar have animation when hide/show ?

[@jaziyasj2109]

I tried the toggle functionality but upon clicking it shows no result

When I put elements or widgets on a page, for example 'messages_page', they do not grow proportionally on the page when I maximize the window. They remain in their position on the window, although the entire program window becomes larger. How can I change this in the program code?

[@CreateBeautifulThings]

There is a concept called "Size policies and stretches". It's only that I didn't mention that in this video. But in this concept you are able to make an object expandable both vertically and horizontally

[@mdsafikulislam9113]

Is it suitable for enterprise level.

[@qozia1370]

Very beautiful tutorial. Thank you!

[@user-sv9gl3yg8k]

Hi, can you tell me. When I configure the panel to hide and appear, the text panel does not take up space with the icon panel. They stay in their places and only disappear and appear in turn

[@CreateBeautifulThings]

You may have missed a step when I do horizontal layout, vertical layout or grid layout of the widgets. Make sure to follow the steps as I do carefully. Otherwise it may not work

[@user-xn3kc7ig6f]

Please a CRUD 3.0

[@love_laugh6428]

why when you check a button, other button become unckeck? how did you do that?

[@love_laugh6428]

i got it, select all pushbuttong and right click to add to a button group

[@CreateBeautifulThings]

Please follow each step in the video. I explained mutually exclusive in the video

[@nieska6706]

how to hide stackedwidget pager?

[@CreateBeautifulThings]

Do you mean the arrows that appear at the top right corner. I realized when you implement your software and convert UI file to python file, you won't see it appearing. It's as easy as that

[@nieska6706]

@@CreateBeautifulThings awesome, thank

[@leogsantos]

That was extremely helpful! But I have a suggestion for button attributions: # Connecting the buttons directly to the switch_page method self.dashboard_1.clicked.connect(lambda: self.switch_page(0)) self.dashboard_2.clicked.connect(lambda: self.switch_page(0)) self.profile_1.clicked.connect(lambda: self.switch_page(1)) self.profile_2.clicked.connect(lambda: self.switch_page(1)) self.messages_1.clicked.connect(lambda: self.switch_page(2)) self.messages_2.clicked.connect(lambda: self.switch_page(2)) self.settings_1.clicked.connect(lambda: self.switch_page(3)) self.settings_2.clicked.connect(lambda: self.switch_page(3)) # Single method to switch pages def switch_page(self, index): self.stackedWidget.setCurrentIndex(index)

[@sivahariharan]

your rushing the code explaination and then the uft 8 be changed before converting the ui to py file

[@CreateBeautifulThings]

If I didn't speed up the code the video would be longer than 1 hour. Above all, I wish the video was of help and that you understood the coding process

[@user-sk4xs3qv4e]

Hi! Please, take me you .ui file and python code.