[Niketa]

I'm using AceGUI to create a frame and I'm having trouble with nested tree groups. I want to have a main frame with a sidebar that's dynamically populated. The main "content" panel of each sidebar option will have a bunch of options, but also another tree group within it for another set of options.

This is a sample of what the database looks like (at this point in time, anyway; trying to design a GUI and database at the same time so some of the things I drew out in my plan I haven't implemented yet):

self.db.global.objectives["test objective"] = {
        enabled = true,
        items = {
            includeBank = true,
            objective = 0,
            includeAllChars = false,
            exclude = {},
        },
        icon = "134400",
        autoIcon = true,
        trackType = "ALL",
    }

This is what I have so far for the frame:

local frame = AceGUI:Create("Frame")
    frame:SetWidth(600)
    frame:SetHeight(525)
    frame:SetTitle(L._ObjectiveBuilder("title"))
    frame:SetLayout("Fill")
 
    self.ObjectiveBuilder = frame
 
    -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
 
    local scrollcontainer = AceGUI:Create("SimpleGroup")
    scrollcontainer:SetFullWidth(true)
    scrollcontainer:SetLayout("Fill")
    frame:AddChild(scrollcontainer)
 
    local scrollframe = AceGUI:Create("ScrollFrame")
    scrollframe:SetFullWidth(true)
    scrollframe:SetLayout("Fill")
    scrollcontainer:AddChild(scrollframe)
 
    local treecontainer = AceGUI:Create("SimpleGroup")
    treecontainer:SetFullWidth(true)
    treecontainer:SetLayout("Fill")
    scrollframe:AddChild(treecontainer)
 
    -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
 
    local tree = AceGUI:Create("TreeGroup")
    tree:SetFullHeight(true)
    tree:SetLayout("Flow")
    tree:SetTree(self:GetObjectiveTree())
    treecontainer:AddChild(tree)
 
    tree:SetCallback("OnGroupSelected", function(container, _, group, ...)
        container:ReleaseChildren()
        if group == "newObjective" then
            print("Create a new objective.")
        else
            -- Draw Objective Group and load objective info
            local group = {strsplit("\001", group)}
            tremove(group, 1)
            group = strjoin("?", unpack(group))
 
            if group ~= "" then
                frame:DrawObjectiveGroup(container, group)
            end
        end
    end)
 
    -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
 
    function frame:DrawObjectiveGroup(container, objectiveTitle)
        container:ReleaseChildren()
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- Objective info
 
        container.objectiveTitle = objectiveTitle
        local objectiveInfo = addon.db.global.objectives[objectiveTitle]
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- titleEditBox
 
        local titleEditBox = AceGUI:Create("EditBox")
        titleEditBox:SetFullWidth(true)
        titleEditBox:SetLabel(L["Title"])
        titleEditBox:SetText(objectiveTitle)
        container:AddChild(titleEditBox)
 
        titleEditBox:SetCallback("OnEnterPressed", function(self)
            local success, err = addon:UpdateObjectiveTitle(container.objectiveTitle, self:GetText())
            self:ClearFocus()
            if err then
                self:SetText(objectiveTitle)
                if err == "exists" then
                    self:SetFocus()
                    self:HighlightText()
                end
            elseif success then
                tree:SetTree(addon:GetObjectiveTree())
                container.objectiveTitle = self:GetText()
            end
        end)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- automaticIconCheck
 
        local iconEditBox, iconChooseButton
        local automaticIconCheck = AceGUI:Create("CheckBox")
        automaticIconCheck:SetType("checkbox")
        automaticIconCheck:SetFullWidth(true)
        automaticIconCheck:SetLabel(L["Automatic Icon"])
        automaticIconCheck:SetValue(objectiveInfo.autoIcon)
        container:AddChild(automaticIconCheck)
 
        automaticIconCheck:SetCallback("OnValueChanged", function(self)
            addon.db.global.objectives[container.objectiveTitle].autoIcon = self:GetValue()
            frame:DrawObjectiveGroup(container, objectiveTitle)
        end)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- iconEditBox
 
        iconEditBox = AceGUI:Create("EditBox")
        iconEditBox:SetRelativeWidth(1/2)
        iconEditBox:SetLabel(L["Display Icon"])
        iconEditBox:SetText(objectiveInfo.icon)
 
        iconEditBox:SetCallback("OnEnterPressed", function(self)
            addon.db.global.objectives[container.objectiveTitle].icon = self:GetText()
            self:ClearFocus()
        end)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- iconChooseButton
 
        iconChooseButton = AceGUI:Create("Button")
        iconChooseButton:SetRelativeWidth(1/4)
        iconChooseButton:SetText(L["Choose"])
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
 
        if not automaticIconCheck:GetValue() then
            container:AddChild(iconEditBox)
            container:AddChild(iconChooseButton)
        end
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- buttonHeading
 
        local buttonHeading = AceGUI:Create("Heading")
        buttonHeading:SetFullWidth(true)
        buttonHeading:SetText(L["Button Settings"])
        container:AddChild(buttonHeading)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- buttonEditBox
 
        local buttonEditBox = AceGUI:Create("EditBox")
        buttonEditBox:SetRelativeWidth(1/2)
        buttonEditBox:SetLabel(L["Button ID"])
        container:AddChild(buttonEditBox)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- buttonChooseButton
 
        local buttonChooseButton = AceGUI:Create("Button")
        buttonChooseButton:SetRelativeWidth(1/4)
        buttonChooseButton:SetText(L["Choose"])
        container:AddChild(buttonChooseButton)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- trackersHeading
 
        local trackersHeading = AceGUI:Create("Heading")
        trackersHeading:SetFullWidth(true)
        trackersHeading:SetText(L["Trackers"])
        container:AddChild(trackersHeading)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- trackDropDown
 
        local trackDropDown = AceGUI:Create("Dropdown")
        trackDropDown:SetFullWidth(true)
        trackDropDown:SetList({ALL = L["All"], ANY = L["Any"], CUSTOM = L["Custom"]}, {"ALL", "ANY", "CUSTOM"})
        trackDropDown:SetLabel("Track")
        trackDropDown:SetValue(objectiveInfo.trackType)
        container:AddChild(trackDropDown)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- newTrackerButton
 
        local newTrackerButton = AceGUI:Create("Button")
        newTrackerButton:SetRelativeWidth(1/4)
        newTrackerButton:SetText("New")
        container:AddChild(newTrackerButton)
 
        -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
        -- trackerTree
 
        local trackerTreeContainer = AceGUI:Create("SimpleGroup")
        trackerTreeContainer:SetFullWidth(true)
        trackerTreeContainer:SetLayout("Fill")
        container:AddChild(trackerTreeContainer)
 
        local trackerTree = AceGUI:Create("TreeGroup")
        trackerTree:SetLayout("Flow")
        trackerTree:SetTree(addon:GetTrackerTree())
        trackerTreeContainer:AddChild(trackerTree)
    end
 
    tree:SelectByPath("Active")

The problems:
1. The main tree group (tree) does not fill the entire frame (frame). There is space at the bottom. It looks like one of the containers are filling the frame right but the tree isn't filling it.
2. I want to make the nested tree group (trackerTree) larger, but doing so causes it to be drawn outside of the main tree's container and thus could go outside of the frame. I've already got a headache trying to get the original tree to stay contained within the frame as it is, let alone trying to get this one too as well.

I haven't done a whole lot with AceGUI, so I'm sure I'm doing lots plenty wrong. Any tips on how to go about what I want in the right way are appreciated. I'm also open to other options designs to an extent, but only if it aligns with the goal I'm trying to achieve.


This is what it looks like so far:


If you look at it with ElvUI enabled, you can see more clearly that the container within the main frame is the right height, but the tree group isn't.


This was the rough sketch of the general idea: