Question: How to change the logo/white labeling of Versa Director?

Solution:

You can change the default logo on the Versa Director using either the CLI or the GUI. The new logo must adhere to these specifications:


 Width (Pixel Value)        
 Height (Pixel Value)
Login Page
 150
 40
Other GUI Windows
 100
 28

Changing the Default Logo and Text

Follow these steps to change the default logo and text:

  1. Login to the Versa Director.
  2. Click Administrator drop down box in the right-hand top corner of the dashboard and select Change Logo. This opens the Change Logo window.
  3. Enter these details in the Change Logo window.
    Field    
    		 Description
    File Name
    		 Specify the file name for the new logo.    
    Browse    
    		 Click Browse button and select the PNG file of the new logo. The logo must have a dimension of 100 x 28 (pixels).

    NOTE: This logo appears in all the Other GUI pages (as displayed in Step 5).  

    Refer to the next section "Changing Logo in the Login Page" for complete instructions.
    Logo Text
    		 Specify the text that must associate with the new logo.

    NOTE: The Logo text appears in the Login page (as displayed in Step 5).
    Reset to default logo
    		 Select this to reset the logo to the default Versa logo.
    Click OK to commit the configuration.
  4. Logout from Versa Director.
  5. Login to the Versa Director to view the new text on the login page and new logo on the all the other GUI windows.

Changing Logo in the Login Page

Prerequisite: 

  • You must have a logo (PNG file) of size 150 x 40 (pixels). 
  • Have winscp or similar tool.


Follow these steps to change the logo in the Login Page:

  1. Run winscp or similar tool.
  2. Copy the new logo (150 x 40 pixels) to /home/admin in the Versa Director.
  3. Run the ls-latr command to verify the availability of the new file.
  4. Run the sudo cp versa-logo.png/opt/versa/vnms/apache-tomcat/webapps/versa/dist/images command to move the file to the directory from where Versa Director fetches the logo.
     NOTE: Ensure you rename the new logo as versa-logo.png.
  5. Close the browser and reopen the Versa Director GUI. You will now see the new logo in the login screen.