Is there any way to scroll one widget with another in tkinter?
Here's the code:
from tkinter import *
root = Tk()
def yview(*args):
text_widget_1.yview(*args)
text_widget_2.yview(*args)
scrollbar = Scrollbar(root , orient = VERTICAL , command = yview)
scrollbar.grid(row = 0 , column = 2 , sticky = N+S+E+W)
text_widget_1 = Text(root , width = 3 , height = 25 , yscrollcommand = scrollbar.set , font = "consolas 14")
text_widget_1.grid(row = 0 , column = 0)
text_widget_2 = Text(root , width = 35 , height = 25 , yscrollcommand = scrollbar.set , font = "consolas 14")
text_widget_2.grid(row = 0 , column = 1 , padx = 2)
for i in range(1,500):
text_widget_1.insert(END , f"{i}\n")
text_widget_2.insert(END , f"Line no: {i}\n")
mainloop()
Here, when I move the scrollbar, both the text widgets are scrolled, and everything works fine.
However when I scroll text_widget_1
, text_widget_2
does not scroll.
Similarly when I scroll text_widget_2
, text_widget_1
does not scroll.
What I want to do is that when I scroll one text widget, the other text widget should also scroll at the same time.
Is there any way to achieve this in tkinter?
It would be great if anyone could help me out.
EDIT: I tried to refer to this question(Python tkinter scrolling two TEXT widgets at the same time with arrow keys), but unfortunately, I couldn't understand what's going in that code, so it didn't help much.
By default a Text widget has <MouseWheel>
bind set. We can override or unbind that sequence. First, we need to know if we want to make that change to all Text widgets or only the a specific one.
If you want to change a <MouseWheel>
bind of all text widgets then by using bind_class
method and "Text" as the main classname
we can do it.
# Change the binds of all text widgets to that callback function
text1.bind_class("Text", "<MouseWheel>", function)
But if you only want to change it for one text widget you can it with
# Change only for a specific Text widget.
text1.bind_class(text1, "<MouseWheel>", function)
So if you have only these two text widgets (text_widget_1
, text_widget_2
)
then you can use the first option.
def mousewheel(evt):
text_widget_1.yview_scroll(-1*(evt.delta), 'units') # For MacOS
text_widget_2.yview_scroll(-1*(evt.delta), 'units') # For MacOS
text_widget_1.yview_scroll(int(-1*(evt.delta/120)), 'units') # For windows
text_widget_2.yview_scroll(int(-1*(evt.delta/120)), 'units') # For windows
text_widget_1.bind_class("Text", '<MouseWheel>', mousewheel)
...
Or if you have more text widgets but only want to change it for (text_widget_1
, text_widget_2
) then bind separately, reference 2nd option.
...
text_widget_1.bind_class(text_widget_1, '<MouseWheel>', mousewheel)
text_widget_2.bind_class(text_widget_2, '<MouseWheel>', mousewheel)
...
As I don't know which operating system you are on so I included both scroll settings for windows and macOS, use according to your operating system.