Basic Search and Autofill - Python Tkinter GUI Tutorial

In this video we'll create a simple search and autofill function with Tkinter and Python.
We'll create an entry box and a list box full of pizza toppings. As you start to type a topping into the entry box, the listbox will automatically update to show toppings that look like what you're typing.
This is a very basic search function and the beginnings of an auto complete or autofill function that you can play with.
** NOTE - TYPO IN THE CODE
my_entry.insert(0, my_list.get(ACTIVE))
should be
my_entry.insert(0, my_list.get(ANCHOR))

[@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 ▶️ Get The Code bit.ly/3oO2QZ9

[@sanaullakhan7630]

while I search all data from listbox gets vanished and while I erase it gets back, please help, I have used my database values which include all integers into a list. all other operation are working fine but search*

[@wellsleland4933]

Instablaster...

[@snex-techprogrammer5110]

Is this possible when you have items in the database and you want to search with auto fill?

[@Codemycom]

@@snex-techprogrammer5110 Probably, you might have to tinker with it a bit

[@hisanimations2495]

I found this guy 3 days ago, AND HE'S SUCH A GOOD TEACHEEEEEERRRR!!!!!

[@Codemycom]

Thanks!

[@amirmohammadk745]

he is!

[@sammflynn6751]

My man , I just want to give you a bug hug for making these amazing tutorials for free, I will buy everything as soon as I have money

[@Codemycom]

Thanks!

[@michakilanowski9188]

I have learned so much from your videos! You are always putting so much efford to make these tutorials! Keep it up

[@Codemycom]

Happy to hear that!

[@ricardogalvao386]

Mais uma vez, Parabéns. Sempre que preciso de ajuda, suas aulas sempre me mostra um caminho. top.

[@judeleon8485]

Thanks John, you never disappoint.

[@Codemycom]

Welcome :-)

[@jackryan3789]

Thank you so much for making these videos, they're extremely helpful to me.

[@Codemycom]

Glad you like them!

[@RyanDanielG]

Hit that like button Python Fans! Great tutorial. Feed the Algorithm!

[@bantuthomas]

Very useful snippet. Thanks!

[@Codemycom]

Welcome

[@siddheshshanker4162]

Awesome tutorial, got my work done.

[@Codemycom]

Great!

[@hajimenagao8806]

Great explanation, I am going to add this feature to my text editor. Thank you!

[@Codemycom]

Nice!

[@borispasynkov1404]

If you want your listbox to update only by the letters from the beginnig of the word, change your code in that fucntion this way: typed= my_entry.get() length_of_typed=len(typed) if typed == '': data = toppings else: data=[] for item in toppings: if typed.lower() in item.lower()[0:length_of_typed]: data.append(item) update(data)

[@Felix-jn2ly]

It got an error on if typed == '': IndentationError: unindent does not match any outer indentation level Edit: after typing to fix it, i use codemy.com code then manually add the different ones only from your suggestion, it's working. Kinda weird why i can't copy paste your code, it's giving me the error message. But it's already working. Thanks

[@brockmcpherson4952]

what if you want the listbox to update based on any similar/matching characters from any words. For example, if someone types "Abailable" instead of "Available" is there a way to add code that will still return the corrected "Available" in the list box?

[@superporff7455]

Great tutorial. You explain really well 👏

[@Codemycom]

Glad you liked it!

[@drawartwithfun5162]

your videos help me a lot as a solution to my problems

[@Codemycom]

Glad to hear it!

[@danielalegriasallo5551]

thanks, just what i needed.

[@Codemycom]

Glad you found it!

[@haouariabderrahime6287]

So simple, so powerful...

[@Codemycom]

glad you enjoyed it!

[@DarkSpeedKiller]

another great video and very helpfull!

[@Codemycom]

Glad it was helpful!

[@ADJOUFFOUPRODofficie]

Thank you so much!!!!

[@Codemycom]

You're welcome!

[@valentinvalenciavalencia7299]

Thank you very much sir.

[@Codemycom]

Welcome!

[@DauphinetB]

Hey, great videos! I'm learning a lot! But please, put the typo error higher up in the description. I spent shitloads of time trying to debug it on my app until I went back to this video, RIP.

[@paraskunwar5081]

Amazing Video!

[@Codemycom]

Thanks!

[@laurentreynaud4404]

thank you so much !!!

[@Codemycom]

Sure thing!

[@aaryansachdeva]

tkinter can do so much!

[@Codemycom]

It really can :-)

[@david0411]

If anyone wants the searching to be exact e.g. if you don't want 'Ham' pops up when type M, do this in the for loop: if item.lower().startswith(typed.lower()): data.append(item)

[@shaphaymusic8869]

super helpful tutorial thank you

[@Codemycom]

Glad it was helpful!

[@hossienhassanhamow3489]

Thank you My son and I like you so much , you're the best

[@Codemycom]

Thanks! I appreciate that!

[@idk____idk6530]

🤟 intro is always op 🔥

[@Codemycom]

Ha thanks

[@codeKeshav]

Very energetic intro

[@ashokkumarmuthyam2986]

Thank you sir

[@Codemycom]

Very Welcome!

[@axel9546]

I just wanted to create a "CTRL+F" or "INPUT TEXTBOX" to be able to search text inside the tkinter GUI. Like when you are on a browser and hit "CTRL+F" to quickly find the text you need, I would need to do the same, but on the GUI. How would be possible to do that?

[@Codemycom]

You need to use bindings...I have videos on them

[@iagobeulleryeah]

There is a way to do entry with transparent bg over image on a canvas, for later save a png?

[@maxwellhawk]

For example I have Table with Headers. And I want make headers work as menubuttons but with ability to search like in this video. So once I enter 'C' all data under that header is removed and appear the one only that starts on 'C'. What the best practice to accomplish it? I would like to add something like that on each header so I could do filter by any Column. At the same time list of data might be exceed window, so I need scrollbar there.

[@crypto1886]

i am binge watching, i started this yesterday lol

[@Codemycom]

Awesome

[@condygo1311]

thanks for your teaching, help me to solve the problem.

[@Codemycom]

happy to hear it!

[@brockmcpherson4952]

Hi John, thank you for the video. New to coding, wondering if you have any tips for building more advanced search functionality into this example to make it more comprehensive/user friendly. Thanks!

[@Codemycom]

Sorry, I don't have any videos on that

[@sachinyadav-us4fe]

very good videos you made sir add more so i want become master in tkinter python

[@Codemycom]

There's already 162 videos in this playlist, did you watch them all? :-p

[@sachinyadav-us4fe]

@@Codemycom not all but videos sir But I watched 30 -40 videos for project file. Thank you

[@sharkgamer1687]

Me before finding this guy: Tkinter awfully sucks Me after finding this guy: Woah tkinter is actually a good GUI library

[@Codemycom]

Ha thanks!

[@frikuus]

Great work! How to convert list to table and search a specific column?

[@jackzero5230]

Hi John, Is it possible to do the same search and autofill with combobx? else what is the option to get a dynamic dropdown list based on the letters we type in?

[@Codemycom]

I've never tried it before but I suppose so

[@quteibaalsalaa6346]

can i do the same search with treeview connected to DB?

[@teevee00]

What python are you using to have the black background? The autocomplete I’m looking for is when your typing a command and a list pops up just below to finish your commands? Sorry for the noob question

[@Codemycom]

any version...it's not python that does that. It's the Sublime Text Editor.

[@teevee00]

@@Codemycom thank you so much!!

[@Codemycom]

@@teevee00 sure thing!

[@amirmohammadk745]

i want to check only the ones that start with my entry(typed) what shall i do?

[@rossvrg2446]

I hope someone can help me, I want to make this autofill for multiple data. I mean for example, if into de entry I put some contry (the contry have an abreviation), with bind for every contry that I put in that entry can put the abreviation of this contry insted the complete name. The problem is it work for one contry but when I put a coma and the start to write for a new contry the autofill funtion stop working. How I can fix that? or where do I can find some help?

[@meesiphht2769]

If you want to select the item in the list that pops up as you type with the keyboard do you have to write a function for that as well? or is that another keyword in PyQt or Python?

[@Codemycom]

Huh? This is tkinter, not PyQT

[@meesiphht2769]

@@Codemycom Oh yeah, that's what I get for just letting these videos roll but I meant if you want to select with the keyboard instead of the mouse how would you code that?

[@Codemycom]

@@meesiphht2769 To do stuff with the keyboard you need to use bindings. I have videos on that in the playlist

[@meesiphht2769]

@@Codemycom okay, thanks

[@joeyblaq9952]

🔥👍

[@Codemycom]

:-)

[@UshaDarja]

I am getting "TclError: no event type or button # or keysym" error while running code

[@learnnow9598]

Good one 😍. Can you make this for kivy too?

[@Codemycom]

Sure

[@miraceti56]

Hi, there is a little "bug". when the window is opening and i click on the second element of the list in the listbox (Peppers) it is "Pepperoni" that appears in the entry box!!

[@Codemycom]

My bad, typo in the code. Your ACTIVE should be ANCHOR

[@doc9897]

Thanks so much will you do live search for treeview columns to also

[@Codemycom]

Already did search with tree view

[@forrestchiang2361]

Thanks for your video. But is it possible to make 2 entry boxes that share and search through the same list box individually.

[@Codemycom]

sure, what's the issue?

[@forrestchiang2361]

Thanks for your reply. My problem is that when I type in the second entry box and click on the listbox, it refreshes the first entry box rather than the second one. (Sorry for inaccurate English)

[@moeezsaleem7072]

hey john, how do we access the chosen variable. Say I clicked on Mushrooms and now i want to enter that somewhere else as a variable. I'm thinking .get() attached to something but can't figure it out.

[@Codemycom]

I have tons of videos on .get() from an entry box

[@jakeevans6935]

Great video. Have you done a tutorial about sending notifications with tkinter is that possible?

[@Codemycom]

No I haven't.

[@hiwab41]

I was looking for this thank you so much 😊 , but could you do this with database?

[@Codemycom]

Sure you could, though it's easy to search a database in the normal way.

[@hiwab41]

@@Codemycom While i run the code i get an error here is the code: from tkinter import * import sqlite3 root = Tk() root.title('Auto Search') root.geometry("500x300") # Update the listbox def update(data): # Clear the listbox my_list.delete(0, END) # Add toppings to listbox for item in data: my_list.insert(END, item) # Update entry box with listbox clicked def fillout(e): # Delete whatever is in the entry box my_entry.delete(0, END) # Add clicked list item to entry box my_entry.insert(0, my_list.get(ANCHOR)) # Create function to check entry vs listbox def check(e): # grab what was typed typed = my_entry.get() if typed == '': data = toppings else: data = [] for item in str(toppings): if typed(str) in item(str): data.append(str(item)) # update our listbox with selected items update(data) # Create a label my_label = Label(root, text="Start Typing...", font=("Helvetica", 14), fg="grey") my_label.pack(pady=20) # Create an entry box my_entry = Entry(root, font=("Helvetica", 20)) my_entry.pack() # Create a listbox my_list = Listbox(root, width=50) my_list.pack(pady=40) # connect the database conn = sqlite3.connect('hsinfo.db') c = conn.execute('select * from TarifInfo') # Create a list of pizza toppings toppings = [c] conn.commit() c.close() # Add the toppings to our list update(toppings) # Create a binding on the listbox onclick my_list.bind("", fillout) # Create a binding on the entry box my_entry.bind("", check) root.mainloop()

[@Codemycom]

@@hiwab41 what's the error?

[@hiwab41]

@@Codemycom I inserted (by Select query ) data from database to Listbox but search doesn’t work only When I click on an item on listbox (toppings) it update or show on Entry. So now I need your help to solve search problem :)

[@hiwab41]

My dad will enroll me with total membership of your courses. So I’m so happy

[@devenjain7116]

Please make a video on performing search operations on treeview

[@Codemycom]

Might do that

[@devenjain7116]

@@Codemycom Yess please! I am trying that, I initialize a StringVar() and add .trace("w",nameoffunction) to it so it runs the function everytime I type a letter into the entry box whose textvariable=(the StringVar() I initialized) and then It runs the function and deletes the record for which we searched and .inserts it at the top of the treeview... In short, *it does not work!!!*

[@Greentard457]

is this possible for a program with multiple entry boxes? I tried but selecting one will fill all the entry boxes

[@Codemycom]

It should be. Did you name all your entry boxes the same thing or something?

[@snex-techprogrammer5110]

Is this possible when you have items in the database and you want to search with auto fill?

[@Codemycom]

Probably, you might have to tinker with it a bit

[@programmertank3029]

Maybe change toppings (the searching list) to .txt file?

[@pickelbyte]

hippity hoppity this code is now my property

[@Codemycom]

lol

[@ali-mw8nf]

You are nice teacher... Sir please tell me how can we get data in the list from sqlite3 data base

[@Codemycom]

I have lots of videos on tkinter and sqlite3 on this playlist. Check it out.

[@learnwithnawf246]

Sir how to make it look like drop-down like we see while searching in Google

[@spearsharp8682]

Now i want Tacos-topping pizza

[@Codemycom]

Right?!

[@waserased5176]

Hi! Sorry for the late comment but i'm having trouble running the code in Python. It always comes up with _tkinter.TlcError: no event type of button # or keysym

[@Codemycom]

What did you do differently from the video?

[@waserased5176]

@@Codemycom I didn’t actually put in any parameters sorry! My bad lol, great video :)

[@Codemycom]

@@waserased5176 glad you got it sorted out

[@komodojackgaming7802]

Yah boy im the second dude to comment

[@Codemycom]

Sweet

[@prakashv1350]

Is there possible to create autocomplete entry that fetch database values. Could you please help me?

[@Codemycom]

Sure, I have videos on this playlist that show how to pull stuff from a database. It would be trivial to add the autocomplete thing to it.

[@prakashv1350]

@@Codemycom first up all thanks for your reply. yep I will watching your python related videos and your are doing just amazing things with python

[@Codemycom]

@@prakashv1350 Glad you're enjoying the videos :-)

[@prakashv1350]

@@Codemycom thank you 😊

[@sharan9993]

can i add an enter button so that input is taken into the code to be used and user can input the next one

[@Codemycom]

Sure, it's coding..you can do anything you want.

[@sharan9993]

@@Codemycom yea i got that working also needed to collect a bunch of similar inputs from user so used a loop along with destory once the input is received. How to make the user input be returned somewhere else instead of the just function we input as command?

[@Codemycom]

@@sharan9993 Once you pull it into a function, you can do anything you want with it. Save it however you want.

[@sakethdamam3280]

can we do this using combobox drop down list

[@Codemycom]

Give it a try and see :-p

[@nonamegode2321]

Hi, Codemy do you now how to fix the git bash permissin denied error, if you now can you make a video about it.

[@Codemycom]

what error, there are thousands of permission denied types of errors. You likely didn't install python correctly. Reinstall it, and be sure to check the "Add Python 3.x to Path" checkbox on the installation screen.

[@pikleman5880]

How do I make it so that the first entry is not automatically selected when I click on the Listbox?

[@idk____idk6530]

Sir can we make same in kivy I'm working on my personal project I need same functionality in my kivy app , Is it possible ...?

[@idk____idk6530]

@@Codemycom can you make a video on This Topic ???...

[@__leelight]

brother i have a small problem i hope that you can help . everything is working fine but its showing me all the list its only showing one item when i use the update function . can you plz help

[@Codemycom]

Check your code for errors

[@aadithyanarayanan1178]

yo! could you please show how to sort records in tkinter with sql? bug thanks man

[@Codemycom]

I have some videos on this playlist with sqlite and tkinter

[@dunghoang5728]

Hi, please help me How to hide list text and only display when seaching?

[@codeKeshav]

Could we resize a Textbox

[@Codemycom]

sure... I have videos on textboxes that show that

[@sithuhtun3609]

Can you show us how to run kivy file on android please?

[@Codemycom]

this is a tkinter video, not kivy

[@sithuhtun3609]

@@Codemycom Can you make kivy video that show how to run on android plesae?

[@amirmohammadk745]

sorry ! but it don't work for me :( because my list box is changeable i mean like in my programe you are able to add sth or delete sth from list box so when i erase all and back to typed == ' ' all of the items erase: '( how can i fix it

[@programmertank3029]

Please show me your code first

[@amirmohammadk745]

@@programmertank3029 actually i fixed it : ) thank you at all

[@programmertank3029]

@@amirmohammadk745 Good to hear it!

[@122nameeasport7]

Can you do this for kivy

[@Codemycom]

Sure

[@inventoryapp1688]

How to remove this listbox after selecting an item?

[@Codemycom]

In the same way you remove anything in tkinter.

[@wendeng6279]

where to download the sourcecode? thanks.

[@Codemycom]

Exactly where I said in the video...in the pinned comment.

[@nohaezz818]

I took the code copy paste and check function not working well

[@Codemycom]

Yeah copy paste sucks. Write it yourself.

[@gangjiatharva999]

How do I put this on my django website?

[@Codemycom]

You don't. Tkinter makes desktop apps, not web apps

[@gangjiatharva999]

@@Codemycom no, no, I made a django website, can I put this on that website?

[@Codemycom]

@@gangjiatharva999 no, tkinter apps don't work on websites.

[@gangjiatharva999]

@@Codemycom oh, then how do I put GUI's like this on my django website?

[@Codemycom]

@@gangjiatharva999 you don't put them on any website, they aren't web apps. These are desktop software things.

[@nickgasparis1709]

can you please do the same example with classes ? PLEASE PLEASE PRETY PLEASE

[@Codemycom]

No, sorry...there's nothing to it if you know classes already. If you don't, then why are you using classes?

[@amirmohammadk745]

no dislike

[@aritramarik4487]

self.entName = Entry(LeftFrame1, font =('arial', 13, 'bold'), bd=6,width=50, justify='left', textvariable=Name) self.entName.grid(row=2, column=1, sticky=W, padx=2) self.my_list = Listbox(LeftFrame1, font =('arial', 13, 'bold'),height = 3, width=51, justify='left') self.my_list.grid(row=3, column=1, sticky=W, padx=2) listVal = ['Arnab', 'Anik', 'Aritra'] # Create a binding on the listbox onclick self.my_list.bind("", fillout) # Create a binding on the entry box self.entName.bind('', check) this is my code snippet but I keep getting the error : _tkinter.TclError: no event type or button # or keysym I tried using "" and '' respectively but they don't work either. In that case the check function doesn't work. Can someone help?

[@ishahzaibkhan]

425 like and 0 dislikes

[@Codemycom]

awesome

[@amirmohammadk745]

yourrr dreaamm

[@Codemycom]

thanks

[@miraceti56]

ok ANCHOR and not ACTIVE is better

[@Codemycom]

yep

[@hello-my6ot]

Im using tkinter 2 years not knowing theres a listbox lol

[@Codemycom]

ha

[@arturgerlei691]

def fillout(e): selected=my_listbox.curselection() my_entry.delete(0, END) # add clicked list item to entry box my_entry.insert(0,my_listbox.get(selected))