[Release] A simple menu creator with Icons [PAID]

Zenites_Team · January 10, 2021, 8:19pm

Explanation:
This is a simple “creator” of quick action menu, where it is possible to insert the option in conjunction with an icon image. This menu was thought to be a Simple Creator of Player Menu, that is, do not buy thinking about using it for complex things like barbershop or clothes shop.

Features:

Items with text and a picture icon
There are no conflicts between menus, that is, only one is open at a time on the screen.
It is possible to put a title and a short description of the item.
Easy to create a simple and fast-acting menu.
Easy to configure and create multiple menus with different configurations.
Accepts images in the folder “icon_menu/html/img/” or directly via external links.

Resmon:
This feature can be very good for those who use fast-acting menus, as its CPU usage is extremely low, even when the menu is open. The maximum captured when he arrived was 0.04ms.

iconms

How to use

In your server.cfg, put:

ensure icon_menu

In the client_scripts of the fxmanifest.lua file of the script where you want to use this menu, put:

“@icon_menu/lib/IconMenu.lua”

Place the images you want to use in your menus in the folder

icon_menu/html/img/

Note that it can only be images of the type .png, .jpg or .gif and if you are interested in placing another format, you must add the format at icon_menu/fxmanifest.lua.

To create and open a menu, use:

local myItems = {
        {img = "identity.png", text = "Identity", text2 = "see your identity", callBack = function() print('identity openned') end},
        {img = "givemoney.png", text = "Give money", text2 = "give money to the nearest player", callBack = function() print('give money openned') end},
        {img = "bank.png", text = "Bank", text2 = "view your bank account", callBack = function() print('my bank account openned') end},
        {img = "backpack.png", text = "Inventory", text2 = "open your Inventory", callBack = function() print('my inventory openned') end},
}
 
IconMenu.OpenMenu(myItems)

You can also do something like:

local myItems = {}
 
    for i = 1, 10, 1 do
        table.insert(
            myItems,
            {img = "myIcon.png", text = "My title item", text2 = "My description", 
            callBack = function()
                    TriggerEvent("chat:addMessage", {args={"I pressed " .. i}})
            end }
        )
    end
 
    IconMenu.OpenMenu(myItems)

If you want to change the settings for a single menu, you can pass a configuration object, as follows

local configs = {
    positionX   = "90%",
    positionY   = "50%",
    size        = "0.9", -- size in proportion
    maxHeight   = "80vh", -- maximum menu size ( recommended from 30vh to 80vh )
 
    itemColor = "rgba(0, 0, 0, 0.8)", -- background color of the items
    itemSelectedColor = "rgba(92, 1, 1, 1.0)", -- background color of the selected item
 
    text1Color = "whitesmoke", -- title text color
    text2Color = "rgb(206, 206, 206)" -- description text color
}
IconMenu.OpenMenu(myItem, configs)

If you want to change the default settings for all menus, you can directly change the config_default variable in icon_menu/Client/Config.lua.

Example of a Menu being created and opened in another resource:

RegisterCommand("menu", function()
    local myItems = {
        {img = "identity.png", text = "Identity", text2 = "see your identity", callBack = function() print('identity openned') end},
        {img = "givemoney.png", text = "Give money", text2 = "give money to the nearest player", callBack = function() print('give money openned') end},
        {img = "bank.png", text = "Bank", text2 = "view your bank account", callBack = function() print('my bank account openned') end},
        {img = "backpack.png", text = "Inventory", text2 = "open your Inventory", callBack = function() print('my inventory openned') end},
    }
 
    local configs = {
        positionX   = "90%",
        positionY   = "50%"
    }
 
    IconMenu.OpenMenu(myItems, configs)     
end)

Use to force a menu to close:

IconMenu.ForceCloseMenu()

This script has no IP protection or encryption

See our other scripts:
NPC Driver - AI Driver (Taxi, Uber, Limousine, Motorcycle and Boat)
Clipboard For Jobs
Police Report - Remake
Manage Your own Store Remake
Documents System
Market Between Players Remake
Trade System
Luck Games
Simple Leaderboard
Simple Miner Minigame
Vending Machine
Forms in Game
SuperMarket and Stores
Album Photos
Reason for Vehicle Seizure
Crew System
Advanced Illegal Tablet
Admin Spawnner Props Objects
A simple Medical Card for Hospital

Price of 15 BRL, approximately 2.26€ + FEES.

Purchase and download here: https://legendary-team.tebex.io/package/4258815

hallux · January 10, 2021, 8:28pm

Please keep all discussions on topic, concerns about paid topics can be directed to the moderator team directly or on another topic.

If you have questions about the Tebex system or with the resource being illegitimate, stolen, copied or something else please flag it and explain to the moderator team.

Thank you.

Coco_Nut_Head · January 10, 2021, 9:50pm

Might want to specify if it needs any dependacy

Zenites_Team · January 10, 2021, 9:57pm

It has no dependency

invrokaaah · January 12, 2021, 7:04am

sorry i dont understand how to set it up

Zenites_Team · January 12, 2021, 10:56am

Send me messages in private about your doubts and I will try to help you

Mat3 · January 12, 2021, 4:15pm

Looks and works very nice. Do you have any plans to update it and add functionalities?

Zenites_Team · January 12, 2021, 4:24pm

In the future, I plan on adding more features like Combox, CheckBox and other things. But it will take a while

Mat3 · January 12, 2021, 5:26pm

Looking forward to it!

zxboss · January 14, 2021, 3:59pm

Pode me passar seu contato? Tenho interesse nos seus scripts e quem sabe outros, abraço.

Gumzy · January 16, 2021, 11:24pm

Using this menu is it possible to run commands from the menu such as viewing your bills via ESX bills menu or even /job to show your job?

If so, how would that be done please?

Zenites_Team · January 16, 2021, 11:37pm

You can do like this example below:

Don’t forget to put in the script’s fxmanifest.lua file where you want to create a menu:
“@Icon_menu/lib/IconMenu.lua”

And the icon images in the icon_menu /html/img/ folder or use external Urls.

RegisterCommand("menu", function()
    local myItems = {
        {img = "SomeImageHere.png or Url Img", text = "Bills", text2 = "here is bills", 
		callBack = function() 
			ExecuteCommand('showbills')
		end},
        {img = "SomeImageHere.png or Url Img", text = "Job", text2 = "see your job", 
		callBack = function()
			ExecuteCommand('job')
		end},
    }

    local configs = {
        positionX   = "90%",
        positionY   = "50%"
		-- here you can put more configs
    }

    IconMenu.OpenMenu(myItems, configs)     
end)

DNDdj · January 25, 2021, 12:27am

why is there not a way too open the menu when pressing a key

sorry for my bad english

Zenites_Team · January 25, 2021, 12:40am

You can open the menu by pressing the M key, as described below:
And I’m sorry for my bad English too haha.

RegisterKeyMapping('menu', 'Open the menu', 'keyboard', 'M')

RegisterCommand("menu", function()
    local myItems = {
        {img = "SomeImageHere.png or Url Img", text = "Your title here", text2 = "your description here", 
		callBack = function() 
                -- here you call a function to execute
		end},
    }

    local configs = {
        positionX   = "90%",
        positionY   = "50%"
		-- here you can put more configs
    }

    IconMenu.OpenMenu(myItems, configs)     
end)

Kristoffer_Jensen · January 25, 2021, 2:23am

where do you need to put it in?

DNDdj · January 25, 2021, 2:39am

where do i have to put it in ???

Zenites_Team · January 25, 2021, 12:17pm

In your server.cfg, put:

ensure icon_menu

In the client_scripts of the fxmanifest.lua file of the script where you want to use this menu, put:

“@icon_menu/lib/IconMenu.lua”

And in the Script where you want to open a menu, you use this:

RegisterKeyMapping('menu', 'Open the menu', 'keyboard', 'M')

RegisterCommand("menu", function()
    local myItems = {
        {img = "SomeImageHere.png or Url Img", text = "Your title here", text2 = "your description here", 
		callBack = function() 
                -- here you call a function to execute
		end},
    }

    local configs = {
        positionX   = "90%",
        positionY   = "50%"
		-- here you can put more configs
    }

    IconMenu.OpenMenu(myItems, configs)     
end)

Remembering that this Script is an Icon Menu Creator. That is, you use it to create menus in your scripts.

Zenites_Team · February 9, 2021, 11:14pm

Hi, Jacob.

This script is Standalone, works for any framework.

But it is worth mentioning that he is a “Menu Maker”, that is, what is in the image is just an example of a menu created by him. When you use it on your server, you’ll use it to create as many menus as you want.

mxlol · February 21, 2021, 6:57pm

Good! Simple and practical

Sarish · March 16, 2021, 9:55am

@Zenites_Team Anyway to add FontAwesome Icon instead of local image ?