Tkinter-How to add a Canvas/Frame in ttk.Notebook()

Question

After searching a lot on youtube and google, I learned how to add a fullscreen scrollbar in Canvas. It looks like this. But now I want to Add this Frame/Canvas in ttk.Notebook() as a Tab, like this test project. But when I type book.add(main,text='Tab 1') It shows this error _tkinter.TclError: can't add .!frame.!canvas.!frame as slave of .!notebook. Can anyone know how to show a canvas as a frame and add it to notebook() as tabs??

Here is the main Code:

from tkinter import *
from tkinter import ttk

root=Tk()
root.title('Scroll Bar Test')
root.geometry('500x400')

#Create Main Frame
main_frame=Frame(root)
main_frame.pack(fill=BOTH,expand=1)
#Create Canvas to add scrollbar
my_canvas=Canvas(main_frame)
my_canvas.pack(side=LEFT,fill=BOTH,expand=1)
#Create ScrollBar
my_scrollbar=ttk.Scrollbar(main_frame,orient=VERTICAL,command=my_canvas.yview)
my_scrollbar.pack(side=RIGHT,fill=Y)
#Adding ScrollBar to Canvas
my_canvas.configure(yscrollcommand=my_scrollbar.set)
my_canvas.bind('<Configure>',lambda e: my_canvas.configure(scrollregion=my_canvas.bbox("all")))
#Creating Frame to show the Canvas
main=Frame(my_canvas)
#Showing Canvas into/as a Frame
my_canvas.create_window((0,0),window=main,anchor="nw")

for i in range(100):
      Button(main, text=f'Button {1+i} Yoo!',font='arial 15').pack()

#Create NoteBook
book=ttk.Notebook(root)
book.pack()
#
book.add(main,text='Tab 1')

root.mainloop()

Answer 1

There are few issues in your code:

• should add main_frame (outer frame) instead of main (internal frame) to book
• should bind <Configure> on main instead of my_canvas
• create main_frame as a child of book instead of root

Below is modified code:

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title('Scroll Bar Test')
root.geometry('500x400')

# Create NoteBook
book = ttk.Notebook(root)
book.pack(fill=tk.BOTH, expand=1)

# Create Main Frame
main_frame = tk.Frame(book)
# put the main frame into notebook
book.add(main_frame, text='Tab 1')

# Create canvas inside main frame
my_canvas = tk.Canvas(main_frame)
my_canvas.pack(side=tk.LEFT, fill=tk.BOTH, expand=1)

# Create ScrollBar inside main frame
my_scrollbar = ttk.Scrollbar(main_frame, orient=tk.VERTICAL, command=my_canvas.yview)
my_scrollbar.pack(side=tk.RIGHT, fill=tk.Y)

my_canvas.configure(yscrollcommand=my_scrollbar.set)

# Creating internal frame for the buttons
main = tk.Frame(my_canvas)
main.bind('<Configure>', lambda e: my_canvas.configure(scrollregion=my_canvas.bbox("all")))
my_canvas.create_window((0,0), window=main, anchor="nw")

for i in range(100):
    tk.Button(main, text=f'Button {1+i} Yoo!', font='arial 15').pack()

root.mainloop()

Note that I have changed from tkinter import * to import tkinter as tk because wild card import is not recommended.