Colored bars doesn't show

Some css codes are corrupt to WHMCS stable theme or third party add ons. We created a developable page as .tpl for the Esx Addon. 

You can customize your design of Esx Addon with esx_clientarea.tpl in the following location : \modules\servers\esx\esx_clientarea.tpl

1- Add the "height" option for the first bar;

<div class="bar" id="storagebar" style="width: {$_ESXADDON_VARS.storageGuestPercent}%;"></div>

find and replace to below :

<div class="bar" id="storagebar" style="width: {$_ESXADDON_VARS.storageGuestPercent}%; height:20px;"></div>


2- Add the "height" option for the second bar;

<div class="bar" id="memorybar" style="width: {$_ESXADDON_VARS.memoryPercent}%;"></div>

find and replace to below : 

<div class="bar" id="memorybar" style="width: {$_ESXADDON_VARS.memoryPercent}%; height:20px;"></div>


3- Add the "height" option for the third bar;

<div class="bar" id="cpubar" style="width: {$_ESXADDON_VARS.cpuPercent}%;"></div>

find and replace to below :

<div class="bar" id="cpubar" style="width: {$_ESXADDON_VARS.cpuPercent}%; height:20px;"></div>


Please save the esx_clientarea.tpl after your changes and upload to \modules\servers\esx\ 

  • 3 Users Found This Useful
Was this answer helpful?

Related Articles

Installation Details of Esx Addon

INSTALLATION Extract the module folders of compressed file on your computer. Upload module...

Enabling root SSH login (vSphere 5.x)

SSH is disabled by default for the root account on an ESX host. That is, the actual sshd service...

Invalid Login or Could not connect. Please check credentials of server.

If you have the "Invalid Login" or "Could not connect. Please check credentials of server."...