ScrolledFrame Behavior

[antrrax]

Is this a bug or expected behavior?

This code generates this layout:

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
from ttkbootstrap.scrolled import ScrolledFrame

class MainFrame(ttk.Window):
    def __init__(self):
        ttk.Window.__init__(self)

        self.geometry('500x300')
        self.title('Tkinter')
        
        self.set_notebook()
        self.set_tab0()
        return

    def set_notebook(self):
        self.nb = ttk.Notebook(self)
        self.nb.place(relx=0, rely=0, relwidth=1, relheight=1)
        return

    def set_tab0(self):
        #self.frm = ScrolledFrame(self, autohide=True)
        self.frm = ttk.Frame(self)
        self.frm.place(relx=0, rely=0, relwidth=1, relheight=1)

        ##Top
        self.frm_top = ttk.Frame(self.frm)
        self.frm_top.pack(fill=BOTH, expand=1)

        ttk.Label(self.frm_top, text='frame 1: top place (10, 25)').place(x=10, y=25)
        
        ttk.Label(self.frm_top, text='frame 1: top pack').pack()

        #middle
        self.frm_middle = ttk.Frame(self.frm)
        self.frm_middle.pack(fill=BOTH, expand=1)

        ttk.Label(self.frm_middle, text='frame 2: middle - pack').pack()

        ttk.Label(self.frm_middle, text='frame 2: middle - place (10, 25)').place(x=10, y=25)

        #Bottom
        self.frm_bottom = ttk.Frame(self.frm)
        self.frm_bottom.pack(side=BOTTOM, fill=X)
        ttk.Label(self.frm_bottom, text='frame 3: bottom - pack').pack()

        #self.nb.add(self.frm.container, text='Test')
        self.nb.add(self.frm, text='Test')
        return

if __name__== '__main__':
    app = MainFrame()
    app.mainloop()

---

Scrolled:

If I replace the frame (self.frm) with a ScrolledFrame, see how the layout changes: the widget with .place was not displayed and the frame side=bottom does not obey the bottom position:

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
from ttkbootstrap.scrolled import ScrolledFrame

class MainFrame(ttk.Window):
    def __init__(self):
        ttk.Window.__init__(self)

        self.geometry('500x300')
        self.title('Tkinter')
        
        self.set_notebook()
        self.set_tab0()
        return

    def set_notebook(self):
        self.nb = ttk.Notebook(self)
        self.nb.place(relx=0, rely=0, relwidth=1, relheight=1)
        return

    def set_tab0(self):
        self.frm = ScrolledFrame(self, autohide=True)
        #self.frm = ttk.Frame(self)
        self.frm.place(relx=0, rely=0, relwidth=1, relheight=1)

        ##Top
        self.frm_top = ttk.Frame(self.frm)
        self.frm_top.pack(fill=BOTH, expand=1)

        ttk.Label(self.frm_top, text='frame 1: top place (10, 25)').place(x=10, y=25)
        
        ttk.Label(self.frm_top, text='frame 1: top pack').pack()

        #middle
        self.frm_middle = ttk.Frame(self.frm)
        self.frm_middle.pack(fill=BOTH, expand=1)

        ttk.Label(self.frm_middle, text='frame 2: middle - pack').pack()

        ttk.Label(self.frm_middle, text='frame 2: middle - place (10, 25)').place(x=10, y=25)

        #Bottom
        self.frm_bottom = ttk.Frame(self.frm)
        self.frm_bottom.pack(side=BOTTOM, fill=X)
        ttk.Label(self.frm_bottom, text='frame 3: bottom - pack').pack()

        self.nb.add(self.frm.container, text='Test')
        #self.nb.add(self.frm, text='Test')
        return

if __name__== '__main__':
    app = MainFrame()
    app.mainloop()

[israel-dryer]

This may be related to the issue when using pack and place together. However, this gave me a clue of how to fix this, which I was partially implementing already. I just needed to assign a height as well as width so that the pack and place managers have a point of reference.

When doing this, I get this result.

Also, this line is not needed, and should probably be avoided as the frm no longer has control of the geometry when you delegate it to the notebook.

self.frm.place(relx=0, rely=0, relwidth=1, relheight=1)

Instead, you would use the sticky parameter when you add the frame:

self.nb.add(self.frm.container, text='Test', sticky=NSEW)

Finally, a tip on using Window, you can actually assign the size and title in the constructor if you wish

class MainFrame(ttk.Window):
    def __init__(self):
        ttk.Window.__init__(self, size=(500, 300), title="Tkinter")

I'll push a fix on this soon after I run a few more tests.

[israel-dryer]

@antrrax, confirm if you can that this fixes your issue. I was able to test it successfully on my end, but I want to make sure.

[antrrax]

I tested it with the same code as in the first post. At first the problem was solved.
Thanks for the quick resolution.

[israel-dryer]

@antrrax, I'm reworking this widget, and the fix above actually created another problem. However, I now realize why this isn't working above and how to fix it. This is a unique case with using place and relative positioning so it took a while to figure out exactly why this should work, and why my fix caused other issues.

The height of the frame is determined by either the contents or a fixed size that you specify. This is what makes the content frame scrollable relative to the container frame. To fix the issue above, you would simply give the scrolled frame a height. ScrolledFrame.place controls the geometry of the container, not the geometry of the content frame inside of it. So, that is why the relative height does not affect the internal frame, but does affect the container.

[israel-dryer]

@antrrax, the scrolled frame has a default width and height like the Canvas widget, however, you can override with pack, place, grid, just as with any other widget.

I've added a new parameter called scrollheight which sets the height of the content frame manually in the case that you are using a relative positioning such as in the example above.

self.frm = ScrolledFrame(self, autohide=True, scrollheight=300)