New menu system with checkboxes?

[Zax]

Hello,

I would like to update the context popup menu of my SoundManager addon has it actually use the old deprecated menu system.



Though menu items looks like radio buttons in this old screen capture, items are checkboxes.

I tried to build a context popup menu with checkboxes (several can be checked or not) with this documentation:
https://www.townlong-yak.com/framexm...ationGuide.lua
But I can't manage the checkboxes' checked state.

I don't want tu use MenuUtil.CreateCheckboxContextMenu(ownerRegion, isSelected, setSelected, ...) because I would like to colorize some menu items.


Does anyone have a basic template for a context popup menu with checkboxes?

[Xrystal]

Not sure if this will help, I personally haven't coloured the text, but I am adjusting the font being used.

The OnClick part of my button that has the menu linked to it

nUI_MenuButton:SetScript("OnClick", function(self,button,down)
    if button == "LeftButton" then
       Settings.OpenToCategory(addonNS.Settings.Categories["Main"].Category:GetID())
    elseif button == "RightButton" then  
        MenuUtil.CreateContextMenu(UIParent, addonNS.Menu.Generate)
    end
end)

The first part of the addonNS.Menu.Generate function that creates the menu elements. Some are directly added here but the sub menus are in their own file.
No need to return

local title = rootDescription:CreateTitle(addonName .. " ( " .. nUI_Version .. " )")
    addonNS.Menu.ApplyFontObject(title)
    
    rootDescription:CreateDivider()
 
 
-- Sub Menu functions called here --
 
 
    rootDescription:CreateDivider()
 
    local control = rootDescription:CreateCheckbox("No Hud", 
        function() 
            return nUI_Options.hud_nohud 
        end, 
        function() 
            addonNS.onNoHud()
            hudMenu:SetEnabled(not nUI_Options.hud_nohud)
        end
    )
    addonNS.Menu.ApplyFontObject(control)

This is the first part of one of the sub menus, the button you click to access the menu and then the controls that the 'button' creates. No need to return from any functions used for each sub menu. They are linked via the root description value.

local minimapMenu = rootDescription:CreateButton("Minimap")
    minimapMenu:SetEnabled(nUI_Options.minimap)    
    addonNS.Menu.ApplyFontObject(minimapMenu)
    
    local control = minimapMenu:CreateCheckbox("Round Map", 
       -- GetValue function
        function() 
            return nUI_Options.round_map 
        end, 
       -- SetValue function
        function() 
            addonNS.onMaskMap()
        end
    )
    addonNS.Menu.ApplyFontObject(control)

And this is the font adjustment routine. You might need to do something similar to adjust the text.

addonNS.Menu.FontObject = "Number12FontOutline"
addonNS.Menu.ApplyFontObject = function(control)
    if not control then return end
    control:AddInitializer(function(button, description, menu)
        button.fontString:SetFontObject(addonNS.Menu.FontObject);
    end)
end

Hope that helps in some form.

[Xrystal]

In regards to the checking of the checked state. In my usage, it wasn't needed as each click would set the variable, and I just checked the variable that was set.

As an example. This is submenu call for the hud options, but if the user chose to not display a hud, I disabled the options.

local hudMenu = addonNS.Menu.HudMenu(rootDescription)
    hudMenu:SetEnabled(not nUI_Options.hud_nohud)

You can view what the end result of my menu code here:
https://drive.google.com/file/d/1zB8...ew?usp=sharing

[Zax]

Thanks for your code Xrystal.

I wanted to use the following example which works well for Radio Buttons:

local g_selectedIndex = 1;
local function IsSelected(index) return index == g_selectedIndex; end
local function SetSelected(index) g_selectedIndex = index; end
 
for index, thisDevice in ipairs(myDevicesTable) do
local control = rootDescription:CreateRadio(thisDevice.name, IsSelected, SetSelected, index)
end

But I had problems with the SetIsSelected() function so I wrote this and it seems to work:

local soundSettingsTbl = SndMgr.getDevicesNames()-- all devices indexes and names
 
local checkBoxesTbl = {}
local function IsSelected(index) return checkBoxesTbl[index] == 1; end
local function SetSelected(index) checkBoxesTbl[index] = abs(checkBoxesTbl[index] - 1); end
 
for index, thisDevice in ipairs(soundSettingsTbl.active) do -- list of "active" (checked) devices
    checkBoxesTbl[index] = 1 -- initial state = active
    local control = rootDescription:CreateCheckbox(thisDevice.name, IsSelected, SetSelected, index)
end