[RELEASE] renzu_contextmenu - Simple UI with GUI Sound | Event/Export Firing Menu

Renzuzu · July 30, 2021, 3:59pm

renzu_contextmenu (STANDALONE)

FIVEM - CONTEXTMENU NUI. Targeting or Other Interaction Purpose

FEATURE

Multiple Submenu
Easy Implementation
Clean UI
GUI Sounds (optional)
Whitelisted Events (optional)
Easy to integrated to Any Target Script
Trigger Export
Trigger Client or Server
Pass Any Arguments as optional to the receiver

SAMPLE USAGE SINGLE EXPORT

uidata = {
    ['Ask Question'] = {
        ['title'] = 'EXPORT SAMPLE',
        ['fa'] = '<i class="fad fa-question-square"></i>',
        ['type'] = 'export', -- event / export
        ['content'] = 'ask', -- EVENT
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {}, arg_unpack = false, exports = 'exports["cd_keymaster"]:StartKeyMaster'}, -- WITHOUT ()
    },
    ['Steal'] = {
        ['title'] = 'Steal',
        ['fa'] = '<i class="fad fa-hood-cloak"></i>',
        ['type'] = 'event', -- event / export
        ['content'] = 'holdup',
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {}, arg_unpack = false},
    },
    ['SellDrag'] = {
        ['title'] = 'Sell Meth',
        ['fa'] = '<i class="fad fa-hand-holding-magic"></i>',
        ['type'] = 'event', -- event / export
        ['content'] = 'kill',
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {}, arg_unpack = false},
    },
},

TriggerEvent('renzu_contextmenu:insert',uidata,"MENU TITLE","ENTITY",true)

SHOW THE MENU

the Data must be populated first using the exports sample above

TriggerEvent('renzu_contextmenu:show')

SAMPLE RESULT

ezgif-2-b543a4bf4a1b

CLOSE MENU

TriggerEvent('renzu_contextmenu:close')

Sample Multi Sub Menu

SAMPLE USAGE MULTI EXPORT

local multimenu = {}
firstmenu = {
    ['Ask Question'] = {
        ['title'] = 'EXPORT SAMPLE',
        ['fa'] = '<i class="fad fa-question-square"></i>',
        ['type'] = 'export', -- event / export
        ['content'] = 'ask', -- EVENT
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {}, arg_unpack = false, exports = 'exports["cd_keymaster"]:StartKeyMaster'},
    },
    ['Steal'] = {
        ['title'] = 'Steal',
        ['fa'] = '<i class="fad fa-hood-cloak"></i>',
        ['type'] = 'event', -- event / export
        ['content'] = 'holdup',
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {1,2,true,"STRING"}, arg_unpack = false},
    },
    ['SellDrag'] = {
        ['title'] = 'Sell Meth',
        ['fa'] = '<i class="fad fa-hand-holding-magic"></i>',
        ['type'] = 'event', -- event / export
        ['content'] = 'kill',
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {false,2,3,4}, arg_unpack = false},
    },
}
secondmenu = {
    ['Ask Question'] = {
        ['title'] = 'EXPORT SAMPLE',
        ['fa'] = '<i class="fad fa-question-square"></i>',
        ['type'] = 'export', -- event / export
        ['content'] = 'ask', -- EVENT
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {}, arg_unpack = false, exports = 'exports["cd_keymaster"]:StartKeyMaster'},
    },
    ['Steal'] = {
        ['title'] = 'Steal',
        ['fa'] = '<i class="fad fa-hood-cloak"></i>',
        ['type'] = 'event', -- event / export
        ['content'] = 'holdup',
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {1,true,3,4}, arg_unpack = false},
    },
    ['SellDrag'] = {
        ['title'] = 'Sell Meth',
        ['fa'] = '<i class="fad fa-hand-holding-magic"></i>',
        ['type'] = 'event', -- event / export
        ['content'] = 'kill',
        ['variables'] = {server = false, send_entity = true, onclickcloseui = true, custom_arg = {1,2,3,4}, arg_unpack = false},
    },
}
multimenu['FIRST MENU TITLE'] = firstmenu
multimenu['SECOND MENU TITLE'] = secondmenu

TriggerEvent('renzu_contextmenu:insertmulti',multimenu,"ENTITY",true)

Download

Video Short Demo

2021-07-30 23-37-46

MasiBall · July 30, 2021, 4:00pm

This looks sick! Very good free release. Keep up the good work Renzu!

Renzuzu · July 30, 2021, 4:01pm

Thank you Glad you like it

DiizeQT · July 30, 2021, 5:22pm

Looks great! How would one go about triggering a event? Just do something like

RegisterNetEvent(‘openstash’)
AddEventHandler(‘openstash’, function()

triggerwhatevereventinhere

end)

and then [‘type’] = ‘openstash’, in this case? well done dude

Renzuzu · July 30, 2021, 5:26pm

No the type option is only `event’ and ‘export’

The content arg is the one handle the events

 ['type'] = 'event', -- event / export
  ['content'] = 'openstash',

DiizeQT · July 30, 2021, 5:28pm

Yep, brainlag there for a minute. Looks great my man Keep up the good work

DiizeQT · July 30, 2021, 5:45pm

oh, btw, i put config.MenuSounds = false

But it still plays the GUI sounds after browsing my menu once. Second time i bring the menu up and all the time after that, it plays the sounds. Just thought id let you know. Also added my event in config.Events

Renzuzu · July 30, 2021, 5:57pm

Yep i have to update the script.js localstorage part for that thanks for reminding.

Tony-Stank · July 30, 2021, 7:23pm

Nice one man. Which eye script do you use??

DiizeQT · July 30, 2021, 9:48pm

No worries Looking forward to it! Is there any way to lower the volume of the sound?

Edit; Nvm, i just went into html → script.js and changed myself in like 15.

audioPlayer.volume = 0.00;

Its 0.8 by default. Just incase someone wonders like me.

Renzuzu · July 31, 2021, 2:07am

Yea remove volume at html for now… ill be pushing some update later about it

Update
Fix Sound is persisting
added volume config

Renzuzu · July 31, 2021, 2:10am

Its my under dev script…
Rayzone - raycast and zone management
This will be release hopefully today

negbook · August 1, 2021, 12:05pm

I Give Directly Thumbs up .

0xMichael · August 3, 2021, 8:52am

Pretty awesome script here man, thanks for sharing it!

BlueTheHusky · August 3, 2021, 7:02pm

What will Rayzone, raycast and zone management do? basically the same as PolyZone and bt-target?

Renzuzu · August 4, 2021, 2:17am

No its not like polyzone That include other adv shape zones.

But Yes this is litterally target and zone management in one script if you are asking what it is.

The difference is this have more zone use cases.but less complicated.

And this have ingame admin ui to add target and other zones easily even for newbie.

xyyyper · August 4, 2021, 6:18pm

waiting for this one to launch <3

BlueTheHusky · August 4, 2021, 6:37pm

Awesome! As always, it will be a great release as your others!

Very glad that you also release the stuff for free!

When seeing that some people charge 500 Dollars for a robbery

You should set up a tebex for atleast donating tho!

People like you really deserve the support, keep up the good work!

JMcCoy · September 26, 2021, 12:11am

Im so confused on where everything goes and how to set this to open on a keypress. I wanna make this into a jobs meny but cant seem to figure it out. Can anyone help me? Scripting newbie here!

JMcCoy · September 29, 2021, 8:24pm

whereexactly do we put the ```
TriggerEvent(‘renzu_contextmenu:insert’,uidata,“MENU TITLE”,“ENTITY”,true)