Skip to main content

BCS Radial Menu V2

A fresh new look of a unique radial menu for FiveM.

Features​

  • Optimized 0.00
  • Smooth animation and Clean UI
  • Flexible menu with exports for addition on the go
  • Supports ESX and QBCore for job menu

Screenshots & Preview​

Documentation​

In config/menu.lua you can add more options for your radial menu using these properties. config/job.lua are the same, the difference is just on the first key must be the job name.

    {
        menu = 'home', -- ID of the menu
        isHome = true,
        options = {
            -- See the content examples in Option
        }
    },
  • menu (string): The ID of the menu, used for submenu if its a submenu
  • isHome? (boolean): Should only be for one object of the array, to indicate the home or the initial menu options
  • options (table): An array of tables with Options

Option​

    options = {
        {
            label = 'Interaction Menu',
            images = 'https://www.pngfind.com/pngs/m/686-6862044_minecraft-dirt-block-png-minecraft-logo-png-transparent.png',
            menu = 'interaction_menu'
        },
        {
            label = 'Open Your Phone',
            icon = 'fa-solid fa-mobile-screen-button',
            onSelect = function()
                ExecuteCommand('+use_phone_key')
            end
        },
        {
            label = 'Toggle Shoes',
            image = 'shoes',
            event = 'Clothing:client:RemoveClothes',
            args = { 'shoes' }
        },
    }
  • label (string): The title that will appear in the middle
  • images? (string): This can be a link or the file name for the image within the html/images/ folder
  • icon? (string): Uses the icon from fontawesome
  • onSelect? (function): A function that will be triggered after selecting the option
  • event? (string): The event that will be triggered after selecting
  • args? (table): Array of any type of data that will be sent to the event triggered

Exports​

You can check more of this example usage within the example.lua file.

RegisterMenus​

    -- exports.bcs_radialmenu:RegisterMenus(Menus: table)
    exports.bcs_radialmenu:RegisterMenus({
        {
            menu = 'vehicle_menu',
            options = {
                {
                    label = 'Seat Menu',
                    image = 'vehicle_seat',
                    menu = 'seat_menu'
                },
                {
                    label = 'Engine',
                    image = 'vehicle_engine',
                    onSelect = function()
                        EngineControl()
                    end
                },
            }
        },
    })

This is for registering the menus that can be called later on.

  • Menus (table): An array of menu

AddOption​

    -- exports.bcs_radialmenu:AddOption(Menu: table)
    exports.bcs_radialmenu:AddOption({
        id = 'veh_control',
        label = 'Vehicle',
        icon = 'fa-solid fa-car',
        menu = 'vehicle_menu'
    })

Adds the option to the Home menu

  • Menu (table): An object of menu

RemoveOption​

    -- exports.bcs_radialmenu:RemoveOption(menu_id: string)
    exports.bcs_radialmenu:RemoveOption('veh_control')

Removes the option from the Home menu

  • menu_id (string): The menu ID

Further option can be seen in the config folder!

Contributing​

Contribution is welcome! Feel free to fork and create a pull request. I believe my code is still messy and needs more refactoring (as of 0.7.0 release)

Support​

Further support or issue can be submitted in the github issue or in my discord in the public chat.

Other Scripts​

Paid

Free