[Release] RadialMenu - Configurable menu for chat commands using Wheelnav.js

ETS2MOD · June 1, 2019, 3:41pm

My config: sizePx = 600, but the size of the icons does not change anymore

Van_Anh · June 1, 2019, 3:57pm

you trailed icon 64x64 ?

ETS2MOD · June 1, 2019, 4:04pm

I am doing tests and I have changed this line in the wheelnav.js:
this.cssMode = false; to true

And I added this in the menu.html:
image {
width: 60px;
height: 60px;
padding-right: 50px;
}

but the icons are off center.

Van_Anh · June 1, 2019, 4:14pm

hmmm hardly

mathias_engmark · June 1, 2019, 5:21pm

Hi, I’m in a bit of a situation…

I’m trying to open the menu, works totally fine. But I can’t close it again, I’ve tried several close scripts but none work. I have the animation thingy and the simple vehicle control.

How can I close the menu, without disconnecting from the server?

Thanks in advance!

Niels_Schmidt · June 2, 2019, 4:38am

So it is not possible to open the inventory with this menu.

Van_Anh · June 2, 2019, 10:17am

why , you can trailed ? , i search change the scrip and code in config.lua .

Niels_Schmidt · June 2, 2019, 10:33am

Ich versuche es mal auf Deutsch.

Kann man mit diesem Menu das Inventare / Phone / Job usw öffnen?
Hat das schon jemand geschaft?
Ich habe alles versucht. Bekomme es aber nicht hin.

Brent_Peterson · June 2, 2019, 4:27pm

@ETS2MOD @Van_Anh You can change the icon size by editing the menu.html file and adding the following code to the Javascript (I’ll add a config option next release).

wheels[i].titleWidth = 64;
wheels[i].titleHeight = 64;

Have you checked that it’s not a conflict with another resource? It sounds like something is taking away NUI focus when it shouldn’t, try disabling all your other resources and see if you still have an issue.

Of course you can as long as you add a command to open the inventory (e.g. /inv) and add it to the config.lua. If you’ve done that and still have issues please provide more information but you need to add your own commands, that’s not the purpose of this script.

Van_Anh · June 2, 2019, 4:49pm

thanks , and I try to release from you .

Van_Anh · June 2, 2019, 5:32pm

i’m try add the script to menu.html

// Get wheel data from JSON and customize wheel
                        wheelData = event.data.data.wheels[i];
                        wheels[i].navAngle = wheelData.navAngle;
                        wheels[i].clickModeRotate = false;
                        wheels[i].slicePathFunction = slicePath().DonutSlice;
                        wheels[i].slicePathCustom = slicePath().DonutSliceCustomization();
                        wheels[i].slicePathCustom.minRadiusPercent = wheelData.minRadiusPercent;
                        wheels[i].slicePathCustom.maxRadiusPercent = wheelData.maxRadiusPercent;
                        wheels[i].sliceInitPathCustom = wheels[i].slicePathCustom;
                        wheels[i].sliceHoverPathCustom = wheels[i].slicePathCustom;
                        wheels[i].sliceSelectedPathCustom = wheels[i].slicePathCustom;
                        wheels[i].slicePathAttr = wheelStyle.slices.default;
                        wheels[i].sliceHoverAttr = wheelStyle.slices.hover;
                        wheels[i].sliceSelectedAttr = wheelStyle.slices.selected;
                        wheels[i].titleAttr = wheelStyle.titles.default;
                        wheels[i].titleHoverAttr = wheelStyle.titles.hover;
                        wheels[i].titleSelectedAttr = wheelStyle.titles.selected;
			wheels[i].titleWidth = 64;
			wheels[i].titleHeight = 64;
                        wheels[i].createWheel(wheelData.labels);

and add

<!DOCTYPE html>
<html lang="en">
<head>
    
    <script type="text/javascript" src="raphael.min.js"></script>
    <script type="text/javascript" src="wheelnav.min.js"></script>
    <script type="text/javascript" src="nui://game/ui/jquery.js"></script>

    <!-- Default CSS styles -->
    <style>
        #wheelDiv > svg {
            width: 100%;
            height: 100%;
        }
        #wheelDiv {
            width: 400px;
            height: 400px;
            margin: auto;
        }
        #container {
            margin-top: 18%;
            flex-direction: column;
        }
	#image {
		width: 64px;
		height: 64px;
		padding-right: 50px;
	}
    </style>

but i don’t see the icon , can you tutorial for me

Van_Anh · June 2, 2019, 5:33pm

are you completed ?

Brent_Peterson · June 2, 2019, 5:38pm

Make sure the images are added to the file list in your __resource.lua file. I released a new version with config options for icon size and changed the vehicle controls example to show how to use icons.

VERSION_V1_20

Added icon size to config.lua
Updated vehicle controls example to use icons
Updated menu style settings
Removed unused Javascript files

Van_Anh · June 2, 2019, 5:39pm

oh , look for good , i will try now, thanks a lot of

Brent_Peterson · June 2, 2019, 5:41pm

Fixed the link, the master branch will also always be the latest version.

Van_Anh · June 2, 2019, 5:41pm

thanks thanks , i have see it ^^ . i try now

ItsTaras · June 2, 2019, 5:48pm

Wow really amazing script…

How i can set ur vehicle control to this; [Release] Vehicle Controls GUI v2

Van_Anh · June 2, 2019, 6:00pm

i’m add inventory funtion from [Release] [ESX] Inventory UI [1.3]
you try it ?

Van_Anh · June 2, 2019, 6:01pm

thanks a lot of ^^

zek0 · June 2, 2019, 6:06pm

Thank you. Any chance implement submenus? It will be a bomb.