This is a modified version of NH Context by NeroHiro and css adapted by bitc0de
local inventoryName = 'qb-inventory'- Here is a base menu to show how it works.
{
is_header = "true/false to disable clicking on this element",
header = "The Header, whatever you want to put", -- Required
subheader = "The base of the text in the button",
footer = "The bottom text on the button",
disabled = "true/false if you want to disable this button from being pressed, and will change to a disabled color",
submenu = "true/false if you want to have an arrow showing that this button will access another menu",
server = "true/false if you want the button to trigger a server event",
command = "ExecuteCommand",
QBCommand = "QBCore:CallCommand",
action = "trigger a function",
image = "add an image url here and itll show off to the left side when you hover over this button, example below",
unpack = true/false -- receive args as one pack to a table or unpacked args for function
hide = true/false,
event = "the event you actually want to trigger, remember if you set it server = true this will pass to the server side",
icon = "show a fontawesome icon",
back = "add back icon to btn",
leave = "add leave icon and close event to btn",
args = { -- These are the arguments you send with the event
table,
integer,
boolean -- the order you put these in will be the order they kick out thru the receiving event function(table, integer, boolean)
}
}
- Exmaple of using the Function to build a menu
local Menu = {
{
header = "Go Back",
back = true,
},
{
header = "Main Title",
},
{
header = "Sub Menu Button",
subheader = "This goes to a sub menu",
image = "weapon_assaultrifle",
icon = 'fa-solid fa-diagram-successor',
args = { 1, 2 },
action = function(args)
print('boom', args)
end,
submenu = true,
},
{
header = "Sub Menu Button",
subheader = "This goes to a sub menu",
event = "script:client:test",
image = "weapon_assaultrifle",
icon = 'fa-solid fa-diagram-successor',
submenu = true,
disabled = true,
args = { 1, 2 }
},
{
header = "Leave",
leave = true
}
}
exports['bit-menu']:createMenu(Menu) local Menu = {
{
header = "Go Back",
back = true,
},
{
header = "Main Title",
},
{
header = "Sub Menu Button",
subheader = "This goes to a sub menu",
image = "weapon_assaultrifle",
icon = 'fa-solid fa-diagram-successor',
args = {
some = 'asd',
wal = 'sad5454',
1
},
action = function(args)
print('boom', args)
end,
submenu = true,
},
{
header = "Leave",
leave = true
}
}
-- In args, `1` is returned because it has an integer index, and the rest of the data does not
-- An non-integer indexes such as "some" or "wal" they will be packed into a table and returned last.
local one, rest = exports['bit-menu']:createMenu(Menu)
- overlay values won't update when a menu is active
- you can update overlay values on runtime
- overlay won't close by it self or hotkeys you should call a event to close it.
- overlay won't change the focus of screen
local Overlay = {
header = 'Match Info',
icons = {
header = 'fa-solid fa-circle-info',
subheader = 'fa-solid fa-circle-question',
footer = 'fa-solid fa-circle-xmark'
},
subheader = string.format('Your Team Points: 0/%d'),
footer = string.format('Enemy Team Points: 0/%d'),
}
exports['bit-menu']:Overlay(Overlay)- or update values on runtime
CreateThread(function()
for index = 1, 10, 1 do
local Overlay = {
header = 'Match Info',
icons = {
header = 'fa-solid fa-circle-info',
subheader = 'fa-solid fa-circle-question',
footer = 'fa-solid fa-circle-xmark'
},
subheader = string.format('Your Team Points: 0/%d', index),
footer = string.format('Enemy Team Points: 0/%d', index + 5),
}
exports['bit-menu']:Overlay(Overlay)
Wait(1000)
end
-- don't forget to close the overlay
TriggerEvent('bit-menu:closeOverlay')
end)