[RELEASE] TREW HUD UI - A lightweight HUD for ESX, VRP AND VRPEX

u have install this script esx_np_skinshop_v2?

this isn’t compatible with newest es_extended? If someone fixes it please tell me how. :slight_smile:

hello! please help me ! i cant off the standard hud in fivem .

Very confused, Just updated my ESX stuff and now I can’t hide the default accounts stuff and the normal trew_hud_accounts are not visible either.

Hey bro, very nice hud but on VRP dosent start every time, i have to start the server twice to start the hud i dont know why

For people having problems with ESX and icons now showing up.

Go to ui.html in the Trew_hud_ui folder.

To all display:none code, set them to display:block

And fixed.

i use https://github.com/Bluethefurry/SexySpeedometer-FiveM/archive/master.zip speedometer, but how can i remove default trew_hud_ui speedometer ?

This does not actually “fix” it… it just displays it… the app.js is not working and is not setting them to a block when they are set to true in the config file, so there is something wrong somewhere. I have the same issue myself and am looking into it.

Yeah I agree, I was checking the ui’s js, but couldn’t find anything. Thought that maybe the display toggles were broken, but no.

But its a momentary fix.

Nice work well done, with one problem in game shows both of the huds, game hud and yours… What is thw wrong

Please Help, Thank You

Some here with

Config = {}
Config.Locale = ‘en’

Config.Accounts = { ‘bank’, ‘black_money’ }
Config.AccountLabels = { bank = _U(‘bank’), black_money = _U(‘black_money’) }

Config.EnableSocietyPayouts = false – pay from the society account that the player is employed at? Requirement: esx_society
Config.DisableWantedLevel = true
Config.EnableHud = false – enable the default hud? Display current job and accounts (black, bank & cash)

Config.PaycheckInterval = 7 * 60000

Config.EnableDebug = falsePreformatted text

THIS CODE EXAMPLE:
local STRESS_ACTIVE = false

AddEventHandler('playerSpawned', function()
	
	if STRESS_ACTIVE == false then
		exports.trew_hud_ui:createStatus({
		    status = 'stress',
		    color = '#FF0090',
		    icon = '<i class="fas fa-brain"></i>'
		});
		STRESS_ACTIVE = true
	end

end)

Where do I put this code? in which file?

Any update? I also have an issue after updated with my UI not working, I’ve tried looking into it but my knowledge around this isn’t far enough.

Changing

AddEventHandler(‘onClientMapStart’, function()

around line 727ish to

AddEventHandler(‘esx:onPlayerSpawn’, function()

fixed my initial UI load issues. Actually had to change this for a lot of scripts when updating ESX.

Thank you @SodyFX this is confirmed working solution to the fix. Before it would not change the logo location if you were to hide it by setting the HTML to “block” as that was just a quick fix. This one actually changes locations by the “true” or “false” in the config file. I will see if the github is updated yet and update the file there for a PR.

I have a problem, and that is that until a few hours ago I saw the hud well but now it is invisible and for example when I spend money the money item appears

with new es_extended it not working

1 Like

how can i hide the car and speedometer part? i have another ui for fuel seatbelt etc, i only want to use this script for the money and job in the top right so i want to remove the vehicle stuff at the bottom.

also how do i move the money etc in the top right to the top left?

did you end up finding a solution to this? i have the same problem

the same here, update it for the new es_extended /2