Positioning With Tkinter's Grid System - Python Tkinter GUI Tutorial #2

How to Position things with TKinter's Grid System and Python. In this video I'll show you how to position things around on the screen using the grid system, which is a system of rows and columns that are super easy to use.
In this series I'll show you how to create graphical user interfaces for Python with Tkinter. TKinter comes with Python already, so there's nothing to install!
✅ Watch The Other Videos In This Python Playlist:
bit.ly/2UFLKgj
▶️ See More At:
Codemy.com
✅ Join My Facebook Group:
bit.ly/2GFmOBz
✅ Subscribe To My KZbin Channel:
bit.ly/2IGzvOR
▶️ Learn to Code at Codemy.com
Take $22 off with coupon code: youtube

[@Codemycom]

▶️ Watch Entire Tkinter Playlist ✅ Subscribe To My KZbin Channel: bit.ly/2UFLKgj bit.ly/2IGzvOR ▶️ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN

[@CharlyJJ25]

actually so helpful... all other vids were so advanced

[@Codemycom]

Glad you like it!

[@BeatboxInternational]

You deserve more subscribers.

[@Codemycom]

I agree! Tell your friends!

[@alfredanto05]

@@Codemycom lol

[@Codemycom]

@@alfredanto05 lol

[@parthgoel1084]

@@Codemycom lol

[@adispenser]

@@parthgoel1084 lol

[@danielschwan3298]

Man, I really like your Videos. You speak clearly, you describe things in a way everyone understands it and you make your videos very intersting. Thanks for your tutorials,. mate

[@Codemycom]

Glad you enjoy them!

[@ashrsfsiliman452]

Great job deserving of thanks عمل رائع يستحق الشكر

[@dereknana8957]

Sir, you're amazing. Love your Tutorials!

[@Codemycom]

Glad you like them!

[@pascalkop1479]

Thank you so so much for you informative video's. My understanding of programming in python has sky rocketed. (my excuus for my English, greetings from the Netherlands)

[@Codemycom]

Very happy to hear it!

[@extracrispycookie]

Thank you, very helpful!

[@proyectoscaserosconpocaher6748]

thanks a lot from Mexico man

[@user-ik2pj7ch1n]

Great job thanks just started to learn python. شكرا كثيرا that's mean thank you vers much

[@tenzindorjee7689]

Thank you codemy for such an nice explanation video

[@Codemycom]

Very Welcome!

[@awildtomato]

Subscribed! Love your content!!!

[@Codemycom]

Thanks man!

[@laurentreynaud4404]

To place widgets with the 'grid' instruction, just think that each widget according to its height (row, rownspan) and width (column, columnspan) is a geometric figure of Tetris ;-)

[@Codemycom]

ha yeah

[@adrianpilea5108]

I m gonna like every single video of you cause you are really helpful

[@Codemycom]

Thanks! I appreciate that!

[@user-ik2pj7ch1n]

Vers helpful thanks very much شكرا كثيرا

[@entangled_beads]

This is so well explained! Amazing work,you deserve more subscribers

[@Codemycom]

Thank you so much! Tell your friends ;-)

[@Alicia0Cramel]

Sir you are so friendly, thank you!

[@Codemycom]

Thanks!

[@blood1612]

Thanks for the free tutorial Love from India ❣️

[@Codemycom]

Glad you like them!

[@kishore1904]

Thanks a lot for the video 😊😄.

[@Codemycom]

Sure thing

[@raniduharshana5238]

Thank you very much ..I learnt a lot about tkinter

[@Codemycom]

Glad you enjoyed it!

[@SuperJV4x]

great tutorial, thanks

[@Codemycom]

Welcome!

[@ayushjha360]

This is best python explainer ever.

[@Codemycom]

Thanks!

[@blazeeveyrthingneeded356]

You don't know how much you helped me

[@Codemycom]

Happy To Hear it!

[@RATANAGARWALITINFORMER]

very helpfull supportive video

[@Kindssoul]

Concept cleared!

[@Codemycom]

Ha

[@nxbil2397]

I really like your tutorials.I keep watching your video.Easy to understands👍😊.

[@Codemycom]

Thanks so much! Glad to have you here!

[@gabrielles474]

Thank you for this video. You helped me a lot!

[@Codemycom]

You're welcome Gabrielle! Glad you got a lot out of it!

[@sohailahmed3663]

i want to ask you something about the python programming

[@mrtutorials3960]

I was getting the same problem... thnx

[@oncewithjasim6012]

So helpful

[@Codemycom]

Thanks!

[@whitedinamo]

Lesson check. Thanks.

[@Codemycom]

welcome

[@amirhosseinghodratnema]

I love your education

[@Codemycom]

Thanks!

[@jmguezz3789]

Thank You

[@Codemycom]

welcome!

[@shivanshuudeniya3338]

great video....

[@Codemycom]

Thanks!

[@mohgawsih6958]

Thank you

[@Codemycom]

Welcome

[@m.2infinite701]

Valeu cara, me ajudou muito

[@Codemycom]

Sure thing!

[@tor6953]

thank you sir

[@Codemycom]

welcome

[@SammarpanDasguptaOfficial]

You are really awesome .....love you

[@Codemycom]

Thank you so much 😀

[@prakulsingla7112]

Now here's the teacher who makes learning easy and fun

[@Codemycom]

Thanks!

[@kncongnghe6205]

Cảm ơn bạn!

[@Arno_Saks]

you earn my subscribe :)

[@Codemycom]

awesome

[@mimicottage]

I have been struggling to Move the coumns like 0 then 5 like thank you soo muchh❤️

[@Codemycom]

Sure thing

[@hasansarwat8100]

Thanks sir

[@Codemycom]

welcome!

[@sarvajitpatel]

Pls make working screen(Sublime Text) primary, so no need to drag your Tkinter screen(after running program) in to main windows. All the videos are awesome and very helpful.

[@jermainesmith701]

How do you position external programs opened by a button? Like if I had a button that opened up multiple programs, I do not want them to be stacked on top of each other.

[@judeleon8485]

Thanks so much for your very simplified video. However, I want to know, is there a way to change the font size of the tkinter title, or we just accept whatever tkinter gives us?

[@Codemycom]

That's a operating system thing, not a tkinter thing. No you can't change it...not just for tkinter...have you ever seen a windows program with any other size title? Nope :-p

[@musakayasimp6456]

Thank You Mr john You are such a great teacher but i am trying to put the text in the middle how do i do that yes i know i can just pack it but becausee i want a column span under the text und then another text thats why i need to use the grid system

[@Codemycom]

try to give it a sticky=WE

[@priyeshpandey7128]

He is the first programmer I have seen that code on window 7 🐍🐍💓💓💓

[@Codemycom]

lol this video is almost 4 years old

[@priyeshpandey7128]

@@Codemycom hey I found your channel very informative and gained a lot of information . Thanks 😊

[@Codemycom]

@@priyeshpandey7128 Happy to hear it

[@aneeshmalapaka8363]

sir, when i am keeping a label widget the widgets already present on screen are moving away and I donno what to do now....Can u please help me

[@geetaranikanojia7893]

I also like cleaner code because i am beginner so the more clean is the code the more i am able to understand

[@Codemycom]

Sure

[@dumidupramith3881]

thanks sir

[@Codemycom]

You're welcome!

[@vagisangovindan7123]

what difference is there between place and grid for positioning?. Can we do every placement of widget using grid or do we have to use place also for few things?

[@Codemycom]

They're quite different. I have nearly 150 videos in the playlist and have never used place

[@username9258]

You should be the pyking in the world❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@Codemycom]

:-)

[@rangarajann1781]

Are you the same guy from Breaking bad????

[@Codemycom]

lol

[@Zac8668]

im just realizing now that there is 163 videos, omg

[@mohamedhamid4649]

شكرا

[@Codemycom]

thanks

[@adarshmaurya9245]

If you create the widget and grid it in the same line, in that case widget will return a None object and thus you can't use it anywhere else in your script

[@kenhaley4]

True. Unfortunately the grid() method does not return anything. It should return a reference to the widget. Same is true of pack().

[@qmayo5510]

I have not finished the video yet, but does it cover how to decrease the distance between buttons? I had to adjust several parts of the code so the buttons looked as they do in the video. When i copy/pasted the github code for the calculator the buttons were quite far apart.

[@Codemycom]

Keep watching the playlist

[@micosanpablo5391]

Sir what args I should put to .pack() to stay in same place where ever I use in many times to print something it will print in the same coordinates.

[@blazeeveyrthingneeded356]

You don't have to do arguments and that's really high because I'm really good at tkinter but you can't do that or probably you can,I don't know.

[@djohnworthy1040]

Can you colorize the grids? For example, I want to color a 4x4 grid with my choice of color.

[@Codemycom]

You could maybe stick a colored frame underneath or something

[@DisturbeD802]

i still dont understand do i have to make empty labels for refrence and empty rows just so i can place things where i want them to , i really dont understand lol , and with how many rows and columns does a 500x500 canvas start its a bit complicated coz i put it in column1 row 1 and it just goes where its not supposed to go

[@17-debakamalhazarika71]

sir , always be systematic and write in relatable form as you do in your videos because as you said it helps in better understanding and keep track of the operations and I like the way you give the comments and separate the program in parts by parts. Since , we are learning it is always better to learn in long way and once we become expert then its favorable to say object oriented programming till then "learn like a noob , perform like a pro".

[@livenere]

Which is better to use when creating a form/app in tkinter pack(), place() or grid()? also how do you get the widgets to adjust as the window resizes when using grid?

[@Codemycom]

It's a matter of personal preference...there is no one better than the other.

[@livenere]

Thanks, can you get grid to adjust as the window adjust or does it just stay where you put it

[@Codemycom]

@@livenere Yes, but it's too complicated to explain in a comment...I'll likely do a video on that eventually.

[@Lennardish]

Inspiring and 27 Dollar is indeed INSANELY cheap :)

[@Codemycom]

Yep!

[@Svcritt]

Currently learning python with PyCharm and having an issue with the "colors" on variables etc , for example (grid) is the same color as myLabel which is white. But in this video it is slightly blue. Is it a plugin,extender that I can download that fixes it. For me this is abit annoying cause i wanna know what is what.

[@Codemycom]

pycharm sucks...use sublime.

[@suyashvashishtha4904]

Why would anyone dislike these videos

[@Codemycom]

No clue!

[@Paul-ly1pw]

I'm looking at building a standalone scheduler which has a database of people, a pop up entry form to add, edit and delete users plus the scheduler itself and the ability to export the schedules as pdfs and also print and email it. The scheduler would be on Dropbox so can be accessed by several users. I could build the rough framework in Excel but I have tried to learn VBA and cannot get my head round it. I'm a beginner learner to Python. Is it possible to create the scheduler in Tkinter or excel with openpyxl and if both, which one is better?

[@Codemycom]

If you're using tkinter, you should just use a regular databsae like sqlite3 that comes with python. Sure you could use excel and openpyxl but it's a whole complicated thing to learn.

[@Paul-ly1pw]

@@Codemycom Im just thinking ahead. After the program has been converted to an exe file for use, what happens if you need to update or change it? would you also lose data that has been put in the database?

[@Codemycom]

@@Paul-ly1pw once it's an exe, that's it. You don't update it. You can create an entirely new exe but it would be an entirely new exe

[@-eckes-w.3574]

is it possible to mix a canvas an a grid ? i want to make a title pictue and under it a 4-field grid (2 row and 2 column). the title picture should be over the complete width but if i want to make a grid 2x2 under it the right part of the grid is outside the window.

[@Codemycom]

sure, why not? Did you use columnspan or rowspan?

[@-eckes-w.3574]

@@Codemycom okay - yes that works, but for learning python i try to make a Boulder Dash Clone - think it is fun :-D - there is a title screen and under it are 5 textlines. 3 lines are center of screen and the next 2 lines are spilit in 4 columns. for the mainscreen i made columnspan of 4 but how can i make the 3 centered textlines ?

[@granand]

Once again thank you, but we have XLS Grid, etc when to use what and what are the pros and cons of each please

[@Codemycom]

I have no idea what you're talking about

[@granand]

@@Codemycom Sorry, I should have elaborated, pros and Cons of wxpython vs kivy, pyqt vs tkinter GUI ...when to use what framework

[@hacktoquitgt5424]

more pls

[@Codemycom]

New video on monday morning :-)

[@andrewbaillie2475]

Is it possible to use the Bind function as well as Grid? I can't find any examples, everything I see uses Pack and Bind only.

[@Codemycom]

Of course. Give it a try.

[@satyamgaba]

bind to add backend to a container and grid is used to place the container (front end)

[@vanshaj9850]

Is it possible to make table grid lines in treeview?

[@Codemycom]

what do you mean? You can change row colors etc

[@granand]

Can I give input of excel cell (heading) as input to label?

[@Codemycom]

sure

[@athulyaas3310]

Sir, can we apply shortest path algorithm in tkinter grid

[@Codemycom]

No idea what that is

[@adamkoczka8952]

If you use myLabel1=Label(root,text="Hello World").grid(row=0,column=0) it won't store the reference to the widget but the result of the grid method which is None. So this way you lose the possiblity to reference myLabel1 later.

[@Codemycom]

yeah, you'll want to break off the .grid part

[@hasansarwat8100]

Sir, I have a question, What is the difference between tk and ttk?😕

[@anumduryab8748]

please tell how to resize the button using grid when we resize the window

[@Codemycom]

Good suggestion, I'll do that soon...

[@mohanbarman5982]

I think the fill value of pack method will work better in this case example : button.pack(fill='both')

[@jmenz_]

How would you make a main label at the top of the program. Would you position it with row and column or would you use columnspan instead.

[@Codemycom]

Try it both ways and see...there is no "right" way to do anything :-p

[@apurvapotdar8974]

So.. for making a seven by seven grid... I'll have to create 49 vars?

[@Codemycom]

You tell me

[@prakharshukla8890]

how can we measure rows and column in case of a screen filled with objects.

[@Codemycom]

Sorry, don't know what you're asking. rows and columns are relative to each other based on the things inside of them.

[@prakharshukla8890]

@@Codemycom In case we are designing full page GUIs as I am doing I am finding it difficult to let the computer know the exact value of desirable row/column. Is there any method so that we can do so easily.

[@dell857]

Done

[@Codemycom]

you really don't have to comment 'done' after you watch every video.

[@dell857]

@@Codemycom ok

[@alvinsetyapranata3928]

hi can you make the videos with the positioning with the place and pack system please?

[@Codemycom]

I use pack all the time in all my videos. I never use place

[@alvinsetyapranata3928]

@@Codemycom yes i know but can you make the videos how to use it, because i didnt know how to use it

[@alvinsetyapranata3928]

I just know the basic

[@Codemycom]

@@alvinsetyapranata3928 How to use place? I doubt it...I don't find it all that useful...and you didn't even know about it so... :-p

[@Codemycom]

@@alvinsetyapranata3928 You can just keep watching these videos to learn all about pack

[@nileshkumar4969]

Hey there, First of all thanks for sharing your valuable knowledge and time. I have one issue with the grid system , when I assign label and then input in front of it i.e. Entry and again label and Entry, then they overlaps each other. Like Row1 col0 is label Row1 col1 is Entry Row1 col2 is label Row1 Col3 is Entry I request to all, please help me with this.

[@Codemycom]

Yeah, no...that doesn't happen. You're doing something wrong. They don't overlap by default. You may have a typo in your code. For instance, I just ran this and there was no overlapping: my_label1 = Label(root, text="Hello there!") my_label2 = Label(root, text="Hello there! 2!") my_entry1 = Entry(root) my_entry2 = Entry(root) my_label1.grid(row=0, column=0) my_entry1.grid(row=0, column=1) my_label2.grid(row=0, column=2) my_entry2.grid(row=0, column=3)

[@kovacsjony4606]

and how i resize the entry widget? just with this code? width=25, height=25. .after the (root, ....

[@BoofGalls]

Jesse, we need to program!

[@Codemycom]

lol

[@sarithnadeeja5234]

💫💫💫❣️

[@Codemycom]

:-)

[@mrmirchi3647]

I'm gonna ignore the username, but nice tutorial

[@Codemycom]

lol

[@fzfz3221]

When I put the grid() it is not positiong my label what I put for the grid. What should I do? btn = Label(window, text='Math Stuff', ) btn.grid(row=1, column=3) window.mainloop()

[@Codemycom]

that should work.

[@atakheli3608]

When I use grid, it always appears in the corner, how do I fix this?

[@Codemycom]

change the row or column

[@aswingreeshmam4774]

i am getting an error self.tk.call( _tkinter.TclError: cannot use geometry manager pack inside . which already has slaves managed by grid

[@Codemycom]

You can't use both pack() and grid() in the same parent

[@mustafazafar2137]

Part of my label gets cut off and doesn’t show fully using grid, how do I fix ?

[@blazeeveyrthingneeded356]

just change the geometry... I highly recommmend: yourtkname.geometry("500x500")

[@iumair_mehmood]

its good but you did not explain how lable is going to render when you are using myLabel = Label().grid() how tk inter knows you want to render myLebel ?

[@Codemycom]

you grid it in a second line: myLabel.grid()

[@musakayasimp6456]

or is there a way to place columnslans without using the grid system

[@Codemycom]

you want grid

[@dfmayes]

Would be smoother if you used Pycharm IDE.

[@Codemycom]

No, pycharm is horrible. I’d never use it for anything. What’s so bad with my totally free tools that work 100% of the time with no problem and no unnecessary addons? Lol

[@Aivin]

AttributeError: 'NoneType' object has no attribute 'grid what does that mean?

[@Codemycom]

did you define a thing and grid a thing on the same line? You can't do that

[@aafiyamemon9535]

After adding scrollbar i faced this error it does not accepts label error is displayed: Label(root,text="Enter search",fg="Blue",bg="white").grid(row=0,column=0,padx=10,pady=10) lib\tkinter\__init__.py", line 2223, in grid_configure + self._options(cnf, kw)) _tkinter.TclError: cannot use geometry manager grid inside . which already has slaves managed by pack

[@aafiyamemon9535]

Sir can u solve my error i've asked many coaching teachers but still none of them was able to clear my doubt plz..

[@Codemycom]

don't .grid on the same line that you define a thing ever. And also, the error tells you exactly what the problem is. You can't use grid inside a parent that already uses pack.

[@aafiyamemon9535]

@@Codemycom Thanks sir u r gennius but now how can i set the scroll bar without pack i need to pack it and on the same screen i need to label the things i want

[@Codemycom]

@@aafiyamemon9535 In the normal way you always do...I don't understand what you're asking

[@aafiyamemon9535]

​AttributeError: '_tkinter.tkapp' object has no attribute 'yview'

[@techdiyer5290]

how might i make the tab so that it resizes the colored region when i resize the program window? should i just omit setting the tab window to frame1 = Frame(notebook, width=800, height=800, bg="blue") should i not type in the width and height?

[@thengakola6217]

u can Ctrl+B to run in subime itseld

[@Codemycom]

I prefer not to

[@thengakola6217]

@@Codemycom or use ctrl+d to select multiple same text??

[@Codemycom]

@@thengakola6217 lol

[@cantorpolifiq8167]

+sub

[@Codemycom]

Thanks!

[@shaunakn5881]

sir grid is not working this error comes: Traceback (most recent call last): File "/data/data/ru.iiec.pydroid3/files/newfile.py", line 12, in txt.config(state="normal") File "/data/data/ru.iiec.pydroid3/files/arm-linux-androideabi/lib/python3.8/tkinter/__init__.py", line 2494, in grid_configure self.tk.call( _tkinter.TclError: cannot use geometry manager grid inside . which already has slaves managed by pack

[@Codemycom]

It's telling you the problem. You can't grid and pack in the same parent

[@shaunakn5881]

@@Codemycom ok!! thanks sir i am 11 and i dream of making an app with tkinter!

[@Codemycom]

@@shaunakn5881 Very cool!

[@acidopcodes]

Good to see Walter White coding now

[@Codemycom]

lol

[@breeze5440]

Hahahaha I was looking for this!

[@mehmetalibayram7869]

any reason why you still use windows 7 ?

[@Codemycom]

I don't use windows 7. This video is almost 2 years old.