Example 2 Customizing Company Logo for Entire Application

To customize company logo for entire application:

Procedure

  1. Create an image of size 1022 x 38 pixels, that is, Width is equal to 1022 and Height is equal to 38.
  2. Save the image file name as custom_header_logo and save as type JPEG image (*.jpg) to the local directory.
  3. Go to $MQ_COMMON_DIR and create the following directory structure:

    htmlprops > css > images

  4. Copy the custom_header_logo.jpg image file from the local directory and place it in the htmlpropscssimages folder.
  5. Create the custom.css file and copy the following css rule:
    #logoFrame {
        background: url("/eml/Download?type=img&downloaddoc= $MQ_COMMON_DIR/htmlprops/images/custom_header_logo.jpg") no-repeat scroll 0 0 #5682BF;
        color: #CCEEFF;}

    Note: The $MQ_COMMON_DIR/htmlprops/images/custom_header_logo.jpg refers to the absolute path of an image file. In clustered environment, ensure that the shared file system path is mapped to the same volume.
  6. Save the custom.css file.
  7. Restart the application server.

    The customized company logo is displayed on the application.