Setup

QBCore

• Remove qb-hud resource.
• Remove progressbar resource.
• Replace qb-core/client/functions.lua QBCore.Functions.Notify function with the code below;

qb-core/client/functions.lua

function QBCore.Functions.Notify(text, texttype, length)
	texttype = texttype or 'primary'
	length = length or 5000
	if type(text) == 'table' then
		local ttext = text.text or 'Placeholder'
		local caption = text.caption or 'Placeholder'
		exports['wd-hudv2']:addNotification({
			title = caption,
			description = ttext,
			duration = length,
		})
	else
		exports['wd-hudv2']:addNotification({
			title = texttype == 'error' and 'Error' or texttype == 'success' and 'Success' or 'Notify',
			description = text,
			duration = length,
		})
	end
end

• Replace qb-core/client/functions.lua QBCore.Functions.Progressbar function with the code below;

qb-core/client/functions.lua

function QBCore.Functions.Progressbar(name, label, duration, useWhileDead, canCancel, disableControls, animation, prop, propTwo, onFinish, onCancel)
	exports['wd-hudv2']:Progress({
		name = name:lower(),
		duration = duration,
		label = label,
		useWhileDead = useWhileDead,
		canCancel = canCancel,
		controlDisables = disableControls,
		animation = animation,
		prop = prop,
		propTwo = propTwo,
	}, function(cancelled)
		if not cancelled then
			if onFinish then
				onFinish()
			end
		else
			if onCancel then
				onCancel()
			end
		end
	end)
end

• Move wd-hudv2 folder to your resources folder.
• Make sure you have started the resource in server.cfg.

ensure wd-hudv2

• Open wd-hudv2/shared/cfg.lua and edit the variables to suit you.
• You're ready!

ESX

• Replace es_extended/client/functions.lua ESX.ShowNotification function with the code below;

es_extended/client/functions.lua

function ESX.ShowNotification(message, notifyType, length)
	exports['wd-hudv2']:addNotification({
			title = notifyType == 'error' and 'Error' or notifyType == 'success' and 'Success' or 'Notify',
			description = message,
			duration = length,
		})
end

• Replace esx_progressbar/Progress.lua Progressbar function with the code below;

esx_progressbar/Progress.lua

local function Progressbar(name, label, duration, useWhileDead, canCancel, disableControls, animation, prop, propTwo, onFinish, onCancel)
	exports['wd-hudv2']:Progress({
		name = name:lower(),
		duration = duration,
		label = label,
		useWhileDead = useWhileDead,
		canCancel = canCancel,
		controlDisables = disableControls,
		animation = animation,
		prop = prop,
		propTwo = propTwo,
	}, function(cancelled)
		if not cancelled then
			if onFinish then
				onFinish()
			end
		else
			if onCancel then
				onCancel()
			end
		end
	end)
end

• Move wd-hudv2 folder to your resources folder.
• Make sure you have started the resource in server.cfg.

ensure wd-hudv2

• Open wd-hudv2/shared/cfg.lua and edit the variables to suit you.
• You're ready!

info

If you encounter any error, you can get information from our documentation here.