Adding Frames To Your Program - Python Tkinter GUI Tutorial #11

[@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

[@Codemycom]

@Nicolás Castellanos no, ipad and pad are two different things.. pad is padding on the outside of the widget between it and the next widget. ipad is internal padding inside the widget

[@brentleycollin8931]

I know I am kinda off topic but do anybody know a good place to watch new series online ?

[@gusjaxtyn5928]

@Brentley Collin i would suggest flixzone. Just search on google for it :)

[@merrickabdiel9952]

@Gus Jaxtyn Yea, have been using Flixzone for since april myself :)

[@kelvincaden6933]

@Gus Jaxtyn Thanks, I signed up and it seems to work =) I appreciate it !!

[@quentincaldway]

Simple and effective! Amazing tutorial! You saved me hours on my project just now. The best Tkinter guy to learn from hands down. 🙌🏾🔥👊🏾

[@Codemycom]

Thank you! I appreciate that!

[@quentincaldway]

Of course! It's just the bare bones truth family! Blessings to you!

[@raniduharshana5238]

It is very easy to understand when you are teaching. I am lucky enough , I found your channel. So thank you very much.

[@Codemycom]

Welcome!

[@nivp99]

Clear & simple explanations, great way to learn.

[@Codemycom]

Glad you enjoyed it

[@_____5322]

Ty for sharing this video. Frames are clear now and learned by the way, how to set a icon in the root window.

[@Codemycom]

Glad it helped

[@Lennardish]

Great course!! You keep on going producing extremely useful material John. Unfortunately the "youtube" code did not work on your website. I wanted to try the entire Tkinter course :))) But these courses are absolutely satisfactory. Thanks. And PLEASE. Keep them on KZbin!! :)

[@Codemycom]

The coupon codes only apply to "Total Membership", not individual courses.

[@Lennardish]

@@Codemycom how cruel 🙂

[@Codemycom]

@@Lennardish lol

[@vanshatcode]

thanks for all these videos. You are a great teacher.

[@Codemycom]

You're very welcome!

[@claudgg]

i ve been whacting few videos of yours. Congrats! ur teaching stile is nice, and have genuine way of kidding.. (buttons: "don't click here" and "...or here" eheh)

[@Codemycom]

Thanks! Glad you're enjoying the videos!

[@zzzzzzzjsjyue2175]

how would i make it so if I click a button it switches to like a new window. Also maybe I could have like a back button on that window which would take me back to the previous screen??

[@javadmahdavi1151]

Hello Thanks for your good quality videos I have a problem that I do not know where to solve. I want to add an image to my window, but when I do, the image pushes the rest of the window components (labels, buttons, entries, etc.) in different directions and my window layout is broken. Is. What should I do about this?

[@harshitkhashoo6600]

Great video! Hope you get more attention

[@Codemycom]

Thanks, I appreciate it!

[@parsabahrambeik4381]

Hello, i don't know: my program python version can't support [from PIL import Image] Image'?

[@Codemycom]

You'll have to google the error

[@parsabahrambeik4381]

@@Codemycom This is the second line of the program you wrote! I was a lecturer and university professor for 17 years. Now I am far from the scientific center of my country; I just have to search Google for one question! Wow, what elites the world has produced!

[@parsabahrambeik4381]

Hi, thank you very much for your video. You helped me a lot with the database.

[@Codemycom]

Glad it helped

[@jimhaffner9583]

I'm having a problem with frames. I have a simple 2 frames--left and right. Left frame will have some buttons and entry boxes and right side will show reults. In the left frame I set rowspan to 10. Right frame is a canvas put on the frame with a rowspan of 10 that seems OK. When I put a button on the left frame at column=0 and row=1 it shows half down the frame. When I put the second button on the left frame it is at the very bottom of the window even thought I set rowspan to 10. I set rowconfigure and columnconfigure both to weight 1. Third button won't even show on the left frame. ANy ideas?

[@nelsraven]

Can you have multiple frames sitting side by side or positioned through an application or just only one?

[@Codemycom]

Like all widgets, you can use as many as you like, any way you like.

[@yashwanthmachiraju917]

Very good playlist. But I want to put a background image on which I want to put buttons and entry box. No video explains this. I have been searching for it for long. Can we do it or not? Please help.

[@Codemycom]

Found this code after googling it for 20 seconds: from tkinter import * from tkinter import messagebox top = Tk() C = Canvas(top, bg="blue", height=250, width=300) filename = PhotoImage(file = "C:\\Users\\location\\imageName.png") background_label = Label(top, image=filename) background_label.place(x=0, y=0, relwidth=1, relheight=1) C.pack() top.mainloop

[@nickysalido6244]

I am having problems when i use grid and pack. If i position a button somewhere, the button won't appear. The size of my screen is 1600x900. If i put for example pady=350, the button appears. And if i adjust it to pady=400 and so on, it's no where to be found. How do i fix this? Or what do i use? It works on place, but it takes a lot of computing to place the button on the center. I hope you see this. Thanks Also, your tutorials are easy to understand for a beginner like me. Thanks!

[@mayeeshaadiba2157]

This video was very helpful! One question: How do we change the positions of the frame?

[@Codemycom]

In the same way you change the position of anything in tkinter.

[@macwansteven69]

sublime shows error while executing this code. Error: ModuleNotFoundError: No module named 'PIL' I have written same code as yours

[@Codemycom]

It's Git bash that's showing you an error, not sublime..and it means you likely didn't pip install Pillow. If you're not using images, you can remove that PIL line of code.

[@forus6813]

@@Codemycom Is Ubuntu 20.04 not able to display icons (iconbitmap) in windows?

[@Codemycom]

@@forus6813 No, you have to mess around with it to make it work. You'll have to google it.

[@mee8963]

Sir whether text will work in entry... I couldn't get the text on entry ,shall I know the reason

[@Codemycom]

You have a typo

[@rakeshshankar2154]

please tell me, can we place images in a frame??????

[@Codemycom]

of course

[@rakeshshankar2154]

@@Codemycom sir, but it gives me error, "pyimage2 not exist"

[@Codemycom]

@@rakeshshankar2154 then you did something wrong with your code. I believe I do this in several videos on the playlist.

[@attaulmomin]

we can create a multi-window program using frame. what is difference b/w Frame and LabelFrame Widget, Frame sort of acts like Canvas. nice video btw.

[@Codemycom]

labelframe can have a label on it

[@attaulmomin]

@@Codemycom thanks.

[@stevechavez5098]

question: I need to have a tkinter program where it runs continuously (like when using .after(9999,func_name) but I also need to be able to change variables at the same time as it's continuously running...please help!

[@Codemycom]

maybe look into threading

[@hoangchung09]

How use place in frame)? not use 'pack' and 'grid'. Thanks

[@Codemycom]

I don't have videos on that

[@mourtada894]

can i use plac() with Frame or LabelFrame ?

[@Codemycom]

do you mean place?

[@mourtada894]

@@Codemycom yes

[@Codemycom]

@@mourtada894 you can use place with anything

[@vatsavk1299]

Hey, nice video. I got a problem with my code. I am working with multiple frame classes in Tkinter. I am using an entry widget in frame one. I want the text entered by user in frame one to my second frame. I am not able to do that. Can you help me?

[@Codemycom]

Yes. Set the entry to global. So if the variable name of your Entry widget is first_name, then on it's own line just go: global first_name You should be able to access it anywhere now.

[@vatsavk1299]

@@Codemycom I am using classes for each frame. How can I use variables in one class to another?

[@nodirsherbutaev]

Hi! Could someone help me? How to get the size of resizeable canvas? When I try to get the size, it shows not an actual size. Thanks in advance.

[@Codemycom]

I believe I have videos on this in the playlist

[@onecarry1532]

Life Saver 🍀

[@Codemycom]

Glad you liked it!

[@rohanjones1474]

Hello, I have a problem. I've already made labels that I'm trying to move into the frame but, the frame is not big enough to fit them. How do i get it bigger to the labels?

[@Codemycom]

Frames should resize to fit whatever you put in there, or you can actually set the width to whatever you want...right?

[@Troyster94806]

Two things in this program wasn't working for me. I fixed 'root.iconbitmap('c:/gui/codemy.ico')' by simply creating a c:/gui folder and placing a codemy.ico file inside. The second thing I could never fix. On 'from PIL import ImageTk,Image' I tried to install the package but I get a message stating that installing package failed! If I comment out the line, the program runs fine without it. Why is the line even in there? How do I fix it assuming I need it for some unknown reason? Update: I finally got PIL to sort of work. At least it stopped giving me errors. I installed PILLOW instead of PIL. That seemed to make the program happy. On the line 'from PIL import ImageTk, Image' I noticed that the words from and import are not a burnt orange color. It's like my editor is saying yes I know it's there and there's no error, but I don't care what it is because it's not serving any function within this program. That's the impression I'm getting. I'm still a newbie to Python though.

[@Codemycom]

You need to pip install Pillow

[@Troyster94806]

@@Codemycom I didn't actually install it that way but I did install it. My editor has a convenient way of doing it. The problem was that I kept trying PIL and that wasn't working. I tried Pillow out of just a desperate attempt and it worked.

[@Codemycom]

@@Troyster94806 Pillow is the correct way..

[@Troyster94806]

@@Codemycom Thank you.

[@chinmaykulkarni7835]

If we need to use "tab" to select a particular button in key binding is there any way we can select button without pressing tab

[@Codemycom]

I suppose you could bind another key to it

[@chinmaykulkarni7835]

@@Codemycom how please explain is there any function or command that selects any button

[@aafiyamemon9535]

sir what if we want to set the size of the frame? i mean i want its geomatry 800x800 then?

[@Codemycom]

try height= and width=

[@aafiyamemon9535]

@@Codemycom Sir i tried but no changes occured it dont changes the size of frame My frame is created on the main root i.e frame is not independent

[@gauravmonga4051]

Hello Sir , How to use Frames using Place () Method ? i am unable to use .

[@Codemycom]

In the same way...the same way you use any widget with place. It doesn't change.

[@gauravmonga4051]

@@Codemycom Sir , i have tried it multiple times. but all widgets got disappeared when i use place method. could you please provide a example on it .

[@Codemycom]

@@gauravmonga4051 I don't have videos on place

[@eduardomurphyperez717]

Does anybody knows how to change the width of a frame? I was reading that you need to use _propagate(0) after your .grid or .pack, but the frame that I'm trying to change dissapears... otherwise, just adding width = x in your frame definition won't give you any errors or warnings, but it won't do a thing.

[@eduardomurphyperez717]

found the solution: propagate(0) was right, but I was not defining the height, that's why my frame was dissapearing... leaving an example in case anybody else need to know. your_frame = LabelFrame(root, width = '200', heigth = '200', text = 'whateves', padx = 5, pady = 5) your_frame.grid_propagate(0) your_frame.grid(row = 0, column = 0)

[@aaditya11]

how to use .place in label frame to place widget . If I use .place it gets disappear

[@Codemycom]

If you don't know how...why do you think you need to use it at all?

[@bb-ur2dk]

Hi jhon i like this playlist on tkinter in python and i am practicing tkinter by following this play list. i created a sub window and tried to add a label frame to this toplevel but it is showing the error '''cannot use geometry manager grid inside .!toplevel which already has slaves managed by pack'''' . pls guide me to solve this error

[@Codemycom]

The error is telling you....you can't pack and grid in the same parent

[@bb-ur2dk]

Thank you jhon

[@forus6813]

How to make it rounded or radius?

[@TheUnicleo]

strange, I cannot use pack and grid on the parent and child widgets at the same time 🤔

[@Codemycom]

you can't ever use pack and grid at the same time...they're two completely different things...pick one or the other

[@yf-n7710]

@@Codemycom But in the video, you did that -- you put the frame in with pack, and you put the button in the frame with grid.

[@Codemycom]

@@yf-n7710 You shouldn't tho

[@jadynbyrne407]

@@Codemycom If you do not use the pack method for the frame and want to use the .grid method for the whole thing, how would you .grid the frame so that way it boarders everything? In the photo viewer project where you have three rows (photo, buttons, status) and three columns (back, exit, forward buttons) I tried this for the frame: frame = LabelFrame(window, padx=50, pady=50) frame.grid(row=0, rowspan=4, column=0, columnspan=4) Neither using 3 or 4 for the row/columnspans worked. I also tried the .pack() method for the frame and the grid for the rest but I got the same error as someone else saying that you cannot use both. Is there a special way to .grid the frame?

[@Codemycom]

@@jadynbyrne407 Not sure what you mean by boarders everything...you can colspan and rowspan it

[@janpaweii3115]

im not working, im on sick leave and im chainwatching these videos hoping to get a better job. Thanks alot ! i love coding !

[@Codemycom]

Awesome, good luck!

[@dhruvgupta5104]

Can i add two text widget in two different frames?

[@Codemycom]

sure

[@dhruvgupta5104]

Codemy.com also how to add two text widgets in one frame...coz as soon as i add one after the other only the top one shows..!!!

[@Codemycom]

@@dhruvgupta5104 Then you added it wrong. Are you using grid? Change the row or column in the second one. If using pack, it will not put them on top of each other.

[@dhruvgupta5104]

@@Codemycom Thanks, it worked. One more thing how to attach the scrollbar to the Text Editor right side and not to the main Window ? I have added two text editors in one window on top of each other and want to have scrollbars for each text editor?

[@Codemycom]

@@dhruvgupta5104 Same way...just use two frames...on e for each text widget

[@SamuelBachorik-Mrtapo8-ApeX]

Hey please! Why coding in tkinter looks different when i use import tkinter as tk? When I see other videos they use import tkinter as tk and their code looks different! Why is that? Shouldnt it be same?

[@Codemycom]

No idea what you're asking, sorry.

[@NyxRoy]

How is it 'different'?! You just use tk as a reference variable if you import it as such. For example, you use tk.Tk() while creating the root widget. If you import * ( * means everything inside it) from tkinter, you need not use a reference such as tk to call the related functions and in-built variables beacuse everything is pretty much laid out on the plate beforehand only.

[@jaco9263]

can you do a video on how to raise a frame using .place?

[@Codemycom]

I may do some videos on place in the future

[@infinitespace1982]

I get this error: ModuleNotFoundError: No module named 'PIL' please help me

[@Codemycom]

You’ll need to pip install Pillow

[@infinitespace1982]

@@Codemycom thank you

[@LrdKGB]

Some of the function in tkinter don't work for me like insert(), get(), LabelFrame(). Any ideas on how I can remedy to this situation? Thanks. Great tutorial btw

[@Codemycom]

There's probably something wrong with your code. Are you getting an error of some kind?

[@LrdKGB]

@@Codemycom I am pretty sure I got the exact same code as you for the frame that doesn't frame, wasn't getting an error just a button without a frame but now that I've update spyder getting=TclError: cannot use geometry manager pack inside . which already has slaves managed by grid. This works when you separate the packing of the frame with frame.pack() on the line after frame. Fixed the second code as well by separating the objects and packing in two separate lines from tkinter import * window = Tk() frame= LabelFrame(window, text="Frame", padx=5,pady=5).pack(padx=10,pady=10) button=Button(frame,text="CLick").pack() window.mainloop() and for the get() insert() error=AttributeError: 'NoneType' object has no attribute 'insert': from tkinter import * Thanks

[@Codemycom]

Don’t .grid your mybutton code...break it off to a new line. Stringing it together like that can give errors.

[@LrdKGB]

You wouldn't happen to know how to put a big button inside a frame that covers several rows with the grid method by any chance?

[@LrdKGB]

Indeed, Thanks for your help

[@justinharass1416]

hi there, tkinter frames are shrinking when i pack/grind anything into them. how do i stop that

[@imaginarystranger1974]

Frames behave the same way windows do: they are only as big as their contents require, or users specifies. In your case, you probably need to stretch the frame to fit all space it can possibly occupy. It's done with either "fill" command in .pack(), or "sticky" in .grid(). You can read about it in any half-decent documentation, it's very intuitive. :)

[@gizemavc9462]

HOW CAN I MAKE TWO BUTTON SIDE BY SIDE IN THE CENTER ON PYTHON I USE TKINTER LIBRAY WHEN I WRITE SIMPLY CODE MY BUTTONS ARE SEEN O THE TOP BUT A WANT IN THE MIDDLE SIDe BY SIDE

[@gizemavc9462]

AND I WANT TO CREATE A WINDOW ON PYTHON BY USING TKINTER LIBRARY BUT I DO NOT KNOW HOW TO MAKE BUTTON AFTER BUTTON LIKE WHEN I CLICK A BUTTON OUT OF 2 BUTTONS . I WANT TO SEE ANOTHER 2 BOTTONS AND CHOOSE ONE OF THEM LIKE WHILE SUBSCRIBING WEBSITE IT ASKS ME FIRST WHETHER I AM STUDENT OR WORKER AFTER SELECTING THIS A WANT TO SEE ANOTER OPTIONS LIKE INSIDE OR OUTSIDE LIKE THAT.

[@Codemycom]

use .grid instead of .pack...and stop yelling in all uppercase :-p

[@Codemycom]

@@gizemavc9462 You'll need to watch more of my videos to learn that

[@nxbil2397]

Hello,im a beginner.Can i use my created desktop app on another computer?Hope for good replying.Thanks❤😄

[@Codemycom]

yes if it has python installed on it. You can bundle your tkinter app into a stand-alone exe file but it takes a bit of work...

[@nxbil2397]

@@Codemycom Do u have any tutorial vid of that?

[@Codemycom]

@@nxbil2397 Not yet

[@codepills]

@@Codemycom actually it takes a simple line in your shell to pack your python program in an exe with pyinstaller, just google it

[@aneeshmalapaka8363]

getting this error cannot use geometry manager grid inside . which already has slaves managed by pack

[@Codemycom]

you can’t pack and grid in the same parent.

[@hagaibuachi2166]

how can i create a separate frame ?

[@Codemycom]

Follow the steps in this video lol

[@fizipcfx]

walter white is teaching tkinter, its too good to be true

[@Codemycom]

lol

[@kalpanasharma5000]

Thank you sir 😊

[@Codemycom]

Welcome!

[@imsnehalsingh]

How to add scrollbar in frame? I'm using multiple frames but not able to see all that frame in my screen

[@Codemycom]

In Tkinter, the scrollbar is a separate widget that can be attached to any widget that support the standard scrollbar interface. But it's complicated...

[@imsnehalsingh]

I tried to combine both the widget then I got error that frame don't have yview attribute I want some references help me if possible. Thank you in advance!

[@Codemycom]

@@imsnehalsingh You can google: tkniter scrollbar widget

[@imsnehalsingh]

Ohk, Thanks a lot☺️

[@maxwellhawk]

Well it's only a LableFrame there is also just a Frame, pretty same concept only without border. Would be a good idea to include it here too)

[@Codemycom]

yeah, I have tons of videos on Frames.

[@arkindustries7347]

help, padx, and pady not working on me.

[@Codemycom]

You're doing it wrong then. Check the code in the video, it has to be exact.

[@churchofclaus]

like button smashed

[@Codemycom]

much appreciated!

[@manabbera6399]

Hello sir can u make a pattern program using tkinter

[@Codemycom]

you can do anything with tkinter that you can do with Python

[@MyrLin8]

Thanks muchly :)

[@Codemycom]

WElcome!

[@cleverestmind3760]

Amazing You Are

[@Codemycom]

Thanks

[@doradenizhalc8980]

you can ctrl+b to run program. Why are you using CMD

[@Codemycom]

That doesn't work in default Sublime Text

[@Wuottfac]

hey man ,i have some problem to add more checkboxes in my frame ,when i add another checkbox, all the frame disappear this is my code: from tkinter import * from PIL import ImageTk,Image finestra = Tk() finestra.title("Gsm Skimmer Interceptor") finestra.geometry("850x600") gu = LabelFrame(finestra, text="Select Options", padx=150, pady=100) gu.pack() gu.place(x=30, y=35) gu.configure(font='Helvetica 11 bold') b = Checkbutton(gu, text="Start") b.pack() b.place(x=-145, y=-70) b1 = Checkbutton(gu, text="Edit") b1.pack() b1.place(x=-145, y=-90) finestra.mainloop() ps: i cant use .grid(row= column= ) _tkinter.TclError: cannot use geometry manager pack inside .!labelframe which already has slaves managed by grid

[@nirmalkumarpattanaik1942]

It's because you're using place and pack at once. They can't be used in the same file. Use any one of them.

[@mahmoudhegazy1530]

Thank you

[@Codemycom]

You're welcome!

[@bentsionben-david2769]

the more i learn from you the less i know about before. i try to create a gui, i'm new to programing. because my gui includes big data, i create main frame1 in fil1.py with button that opens new frame from file2.py (separate file) - how can i make the frame in file2.py to be included in frame of file1.py to be integrated and "seems" like two frames in same window and not separate windows? thanks. :)

[@Codemycom]

You can import anything you want from another file. I have a video on the python playlist about modules that may help you.

[@sergiomendoza6833]

thanks

[@Codemycom]

Welcome

[@cleverestmind3760]

Where Should We Use Frame?

[@Codemycom]

wherever you want

[@cleverestmind3760]

@@Codemycom Which Place In Tkintet We can able to use this Frame i ask its purpose

[@Codemycom]

@@cleverestmind3760 You can use it anywhere

[@infernozxy3360]

wow, do you reply to every comment?

[@Codemycom]

I try to!

[@AhmedHassan-jo1il]

Frame is different to Label Frame

[@Codemycom]

yes

[@AhmedHassan-jo1il]

Do you have a tutorial for Frame? How do you assign a background to Frame? Can you write me a source code for a simple app that would probably take you less than a day for 100$?

[@Codemycom]

@@AhmedHassan-jo1il Yes I do have a video on frames, check the playlist. I don't do consulting work for students.

[@haquire8881]

May I ask why its called "flatplanet" lol

[@Codemycom]

just my sense of humor

[@solidonaso9763]

jesse we need to cook

[@Codemycom]

jesse we need to CODE!

[@solidonaso9763]

@@Codemycom 🤣

[@forus6813]

How to color the squares on the labelframe? If you guys know, please share me look this : drive.google.com/file/d/10QJ7N40QV6Tm4xBXOTPhT3_66A34xay3/view?usp=sharing

[@Codemycom]

Color them in the same way you change the color of anything in tkinter

[@forus6813]

@@Codemycom But I have tried it in many ways, I can't really. To the point that I think I should prefer to use canvas in such cases. Please teach me a simple code, Sir. I love to follow your videos on this channel.

[@Codemycom]

@@forus6813 did you try bg="blue" when you defined your frames?

[@forus6813]

@@Codemycom Yes, I have. But not the way I want it. from tkinter import * win=Tk() win.geometry("300x80") LabelFrame1=LabelFrame(win,bg="maroon2",text="Hello") LabelFrame1.pack(pady=20) Entry1=Entry(LabelFrame1) Entry1.pack() Entry1.insert(0,"Entry1") win.mainloop() the results show : drive.google.com/file/d/1FVbSjcEe1Ve6ulNtc2U9O73M6EDGq2jU/view?usp=sharing not like this sketch, Sir : drive.google.com/file/d/1Ds7RGsJln6Po5SZ1Fa0wIHHLXqub7zPr/view?usp=sharing How

[@Codemycom]

@@forus6813 maroon2 isn't probably a valid color choice. Use hex color codes instead.

[@musiccomedyzone]

binod v ye video deakh rha hoga