[Release] MenuV - Standalone NUI menu for FiveM (v1.4), docs added!

WaltzyMatilda · November 29, 2020, 12:20am

This is because you may have had coded the resource.lua wrong. Could you post a screenshot of your resource.lua file

Hugoshao · November 29, 2020, 3:07am

it’s my fxmanifest.lua

fx_version 'adamant'

game 'gta5'

description 'emc911'
version '1.0.0'

client_scripts {
	'@menuv/menuv.lua',
	'config.lua',
	'client/main.lua',
}

TigoDEV · November 29, 2020, 9:23am

I used your code and worked fine for me. I used the following fxmanifest.lua

fx_version 'adamant'
game 'gta5'
lua54 'yes'

name 'MenuV'
version '1.0.0'
description 'FiveM menu libarary for creating menu\'s'
author 'ThymonA'
contact 'contact@arens.io'
url 'https://github.com/ThymonA/menuv/'

client_scripts {
    '@menuv/menuv.lua',
    'example.lua'
}

dependencies {
    'menuv'
}

And your code inside example.lua

local assert = assert
local MenuV = assert(MenuV)


local menu = MenuV:CreateMenu('MenuV', 'Welcome to MenuV', 'bottomleft', 255, 0, 0)
local menu2 = MenuV:CreateMenu('Demo 2', 'Open this demo menu in MenuV', 'topleft', 255, 0, 0)

local menu_button = menu:AddButton({ icon = '😃', label = 'Open Demo 2 Menu', value = menu2, description = 'YEA :D from first menu' })
local menu2_button = menu2:AddButton({ icon = '😃', label = 'Open First Menu', value = menu, description = 'YEA :D from second menu' })
local confirm = menu:AddConfirm({ icon = '🔥', label = 'Confirm', value = 'no' })
local range = menu:AddRange({ icon = '⚽', label = 'Range Item', min = 0, max = 10, value = 0, saveOnUpdate = true })
local checkbox = menu:AddCheckbox({ icon = '💡', label = 'Checkbox Item', value = 'n' })
local slider = menu:AddSlider({ icon = '❤️', label = 'Slider', value = 'demo', values = {
    { label = 'Demo Item', value = 'demo', description = 'Demo Item 1' },
    { label = 'Demo Item 2', value = 'demo2', description = 'Demo Item 2' },
    { label = 'Demo Item 3', value = 'demo3', description = 'Demo Item 3' },
    { label = 'Demo Item 4', value = 'demo4', description = 'Demo Item 4' }
}})

--- Events
confirm:On('confirm', function(item) print('YOU ACCEPTED THE TERMS') end)
confirm:On('deny', function(item) print('YOU DENIED THE TERMS') end)

range:On('select', function(item, value) print(('FROM %s to %s YOU SELECTED %s'):format(item.Min, item.Max, value)) end)
range:On('change', function(item, newValue, oldValue)
    menu.Title = ('MenuV %s'):format(newValue)
end)

slider:On('select', function(item, value) print(('YOU SELECTED %s'):format(value)) end)

confirm:On('enter', function(item) print('YOU HAVE NOW A CONFIRM ACTIVE') end)
confirm:On('leave', function(item) print('YOU LEFT OUR CONFIRM :(') end)

menu:On('switch', function(item, currentItem, prevItem) print(('YOU HAVE SWITCH THE ITEMS FROM %s TO %s'):format(prevItem.__type, currentItem.__type)) end)

menu2:On('open', function(m)
    m:ClearItems()

    for i = 1, 10, 1 do
        math.randomseed(GetGameTimer() + i)

        m:AddButton({ ignoreUpdate = i ~= 10, icon = '❤️', label = ('Open Menu %s'):format(math.random(0, 1000)), value = menu, description = ('YEA! ANOTHER RANDOM NUMBER: %s'):format(math.random(0, 1000)), select = function(i) print('YOU CLICKED ON THIS ITEM!!!!') end })
    end
end)

RegisterCommand("menutest", function(source, args, fullCommand)
    print ("test")
    MenuV:OpenMenu(menu)
    print ("test2")
end, false)

I added the following in my server.cfg

start menuv
start menuv_example

Also take a look at this issue, maybe you did the same thing wrong:

The following may be your problem:

You didn’t started menuv in your server.cfg
Your using the master branch instead of Release version
https://github.com/ThymonA/menuv/releases

cristianrg36 · November 29, 2020, 11:35am

Hi, nice job Tigo, i have a question, How to put the menu on the middle right of the screen ?, thx.

TigoDEV · November 29, 2020, 12:57pm

local menu = MenuV:CreateMenu('MenuV', 'Welcome to MenuV', 'topleft', 255, 0, 0)

Change topleft to centerright, if you want to know which positions out there, check:
https://thymona.gitbook.io/menuv-standalone-menu-for-fivem/enums/positions

cristianrg36 · November 29, 2020, 1:00pm

Thx tigo and nice project, im making an admin menu, when i finish i will send here ^^

TigoDEV · November 30, 2020, 10:27pm

Version 1.1 is out now and has YTD banner support:

TigoDEV · December 7, 2020, 5:06pm

Just published the new documentation, hopefully, this will help you all further.
MenuV documentation: https://menuv.fivem.io/api/

TigoDEV · December 8, 2020, 7:28am

Version 1.2 is out now and has OpenWith key bind support.

TigoDEV · December 9, 2020, 4:17pm

Version 1.3 is out now and has second theme native support.

Preview:

Download:

Twittchter · December 10, 2020, 1:03pm

Many thanks for your all your efforts, I’ve only had a small play around so far with it but I will be shifting all of my menu related resources to this one because of how well it just works.

I’ll be sure to make Issues with repos or PR’s if I find any undesired outcomes.

Again, Thank you.

TigoDEV · December 10, 2020, 1:57pm

If your missing functionalities, you can always request them and maybe they will be implemented.
Thank you for your message and if you have any questions, contact information can be found on my GitHub profile.

TigoDEV · December 17, 2020, 4:11pm

Version 1.4 is out now and has

Colour support like: ^1 or ~r~ etc.
Resources using MenuV doesn’t require a resource restart anymore.
:Close function on menu’s now work properly
Adding / Removing Items won’t cause weird issues like: Random order, wrong item select etc.

Download:

Klicer · December 18, 2020, 6:34pm

this is really really good but seems like in the example.lua, the “Open Demo 2 Menu” button doesnt do anything. no errors either, im confused but if there is a fix I’m probably gonna have to spend like 50 hours changing everything over XD
EDIT: I can’t get anything to print very confused, literally nothing is printing to the console. Just using the latest build, added this to example.lua

cristianrg36 · December 18, 2020, 11:26pm

Print it’s

print(“hi”)

lol

TigoDEV · December 18, 2020, 11:55pm

--- Create a menu
local menu = MenuV:CreateMenu(false, 'Welcome to MenuV', 'topleft', 255, 0, 0, 'size-125', 'example', 'menuv', 'example_namespace')

--- Add a button
local close_button = menu:AddButton({ label = 'Close Menu' })

--- Register `event`
close_button:On('select', function(i)
   print('hi')
end)

--- Assign a button
menu:OpenWith('keyboard', 'F1') -- Press F1 to open Menu

This doesn’t work in your resource? Also make sure you make a new resource that uses menuv.

Example Resource: menuv_example.zip (1.8 KB)

xotikorukx · December 21, 2020, 4:24pm

My favorite menu system so far! Easy to use, and very straightforward!

That said, is there any way to add graph selectors, or color select sliders in the description as seen in this video?

Sorry if I haven’t read through the docs enough yet to get the answer… Quite swamped currently!

TigoDEV · December 22, 2020, 10:17am

Those aren’t part of MenuV right now, thanks for giving this idea and will definitely be implemented.

Melrpm · December 24, 2020, 3:46am

The best NUI menu!

Position label and size inside the buttons would be dope!

EDIT: Oh, also a function to delete buttons/menus

TigoDEV · December 24, 2020, 7:58am

If your have some feature requests for the next update, please put them here in the forum or on GitHub: