[Discontinued] Healthbar / UI - Now Supports vRP and ESX! (V 1.1)

I cannot do anything with pNotify… You need to choice a other place to have where tey popup.
But to remove the Existings Bar in vRP, you need to go to vRP/GUI/ProgressBar.js :stuck_out_tongue:
Remove

      else if(anchor_name == "food"){ //BOTRIGHT
        //set size
        this.div.style.width = this.div_label.style.width = (4.5402)+"%";
        this.div_inner.style.height = (100)+"%"
        this.div.style.height = (1.1)+"%"
        this.div_label.style.lineHeight = this.div_label.style.height;
        this.div.style.backgroundColor = "rgba(255,201,102,10.9)";
        this.div_inner.style.backgroundColor = "rgba(84,84,84,10.9)"; 
        this.div.style.direction = "rtl";    

        //set label font size
        this.div_label.style.fontSize = "0em";

        //set position
        this.div.style.left = (1.58)+"%";
        this.div.style.bottom = (0.619)+"%";
      }
      else if(anchor_name == "thirst"){ //BOTRIGHT
        //set size
        this.div.style.width = this.div_label.style.width = (4.5515)+"%";
        this.div_inner.style.height = (100)+"%"
        this.div.style.height = (1.1)+"%"
        this.div_label.style.lineHeight = this.div_label.style.height;
        this.div.style.backgroundColor = "rgb(127,185,255)";
        this.div_inner.style.backgroundColor = "rgba(84,84,84,10.9)"; 
        this.div.style.direction = "rtl";     

        //set label font size
        this.div_label.style.fontSize = "0em";

        //set position
        this.div.style.left = (6.22398)+"%";
        this.div.style.bottom = (0.619)+"%";
      }    

Awesome! :slight_smile: Yeap, the pnotify I have to work on to get popping somewhere else :slight_smile:

is the life % text in the new version you uploaded ?

Thats coming in the new Update. :slight_smile:

This should fix your problem (resources[esx]\esx_basicneeds\client\main.lua)

AddEventHandler('esx_status:loaded', function(status)

	TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#FFFF00', 
		function(status)
			return false
		end, function(status)
			status.remove(100)
		end)

	TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0099FF', 
		function(status)
			return false
		end, function(status)
			status.remove(75)
		end)

You can use this to your Readme file to remember to disable the bars to ESX

Ty.:slight_smile:

No problem. Like to help :wink:

It will get involved with the basic needs of ESX, you should’ve to remind ESX users to return false in the script itself so they won’t make any trouble otherwise you’ll have too many help posts here.

Maybe add a speak bar to ESX and vRP?

With the permission of @TerbSEC I would like to release my edit to this.

I made the following edits :

  1. Disabled the health bar ( you can turn this back on in the HTML )
  2. Replaced the stamina bar with a drunk bar.
  3. Changed up the sizing / spacing and replace the colors.

image

Go ahead:)

1 Like

dab How do i disable the two hunger/thirst bars on the top of the picture? Its an vRP server.

Look thru the comments?

1 Like

For people who use ESX and have problems with there PopUps (pNotify)

image

Replace this in (ESX_Healthbar-UI > ui.css)

#heal {
position: absolute;
left: 1.40%;
bottom: 1.8%;
width: 13.95%;
height: 0.90%;
padding: 0;
border: 2px solid black;
float:left;
background:#545454;
}

#hunger {
position: absolute;
left: 1.381%;
bottom: 0.35%;
width: 4.540%;
height: 0.80%;
padding: 0;
border: 1px solid black;
float:left;
background:#545454;
}
#thirst {
position: absolute;
left: 6.10%;
bottom: 0.35%;
width: 4.540%;
height: 0.80%;
padding: 0;
border: 1px solid black;
float:left;
background:#545454;
}

#stamina {
position: absolute;
left: 10.8%;
bottom: 0.35%;
width: 4.540%;
height: 0.80%;
padding: 0;
border: 1px solid black;
float:left;
background:#545454;
}

#boxHeal, #boxStamina, #boxHunger, #boxThirst {
background: #73be73;
width: 100%;
height: 100%;
transition: 0.2s ease-in-out;
}

#boxHunger {
background: #f6b93b;
}
#boxThirst {
background: #6a89cc;
}

#boxStamina {
background: #ffff7f;
}

body {
overflow: hidden;
height:1080px;
width:100%;
}

So does this work together with basicneeds and esx_status? NVM FIXED

I remade this so I have armor also. Stamina is gone. Hit me up if you want. I need your permission so

Go for it mate:)

Pictures WITH and WITHOUT armor. Im just waiting for a mod to approve the post :slight_smile:
image
image