In IBM Sterling WMS, By Default the login page like below (9x version). Sometimes the request comes from client to change the IBM logo to client specific logo. In that case we have to do minor customization in extended JSP file.
OOB JSP:
smcfs.ear\smcfs.war\console\logindetails.jsp
Image Path:
YCPUIBackendConsts.getUIIconPath()+YCPUIBackendConsts.YANTRA_LOGIN_RIGHT
i.e., /smcfs/console/icons/sterling_logo.gif
here..
YCPUIBackendConsts.getUIIconPath() => /smcfs/console/icons/
YCPUIBackendConsts.YANTRA_LOGIN_RIGHT => sterling_logo.gif
Step #1: Copy logindetails.jsp from console folder and paste into extended path
i.e., smcfs.ear\smcfs.war\console\logindetails.jsp to smcfs.ear\smcfs.war\extn\console\logindetails.jsp
Step #2: Create or Get new Logo image from client. Image extension could be JPG. Paste the image in smcfs.ear\smcfs.war\extn\console\icons\ folder.
Step #3: Change the image path in extended JSP file i.e, extn\console\logindetails.jsp. Image src attribute change it
Step #4: Save the JSP file and do EAR build. Restart Application server and test.
Logo image will be like below.
Step #5: Done
Default Login screen (9x version):
Default JSP and Image Path:
OOB JSP:
smcfs.ear\smcfs.war\console\logindetails.jsp
Image Path:
YCPUIBackendConsts.getUIIconPath()+YCPUIBackendConsts.YANTRA_LOGIN_RIGHT
i.e., /smcfs/console/icons/sterling_logo.gif
here..
YCPUIBackendConsts.getUIIconPath() => /smcfs/console/icons/
YCPUIBackendConsts.YANTRA_LOGIN_RIGHT => sterling_logo.gif
Customize JSP to Change IBM Logo:
Step #1: Copy logindetails.jsp from console folder and paste into extended path
i.e., smcfs.ear\smcfs.war\console\logindetails.jsp to smcfs.ear\smcfs.war\extn\console\logindetails.jsp
Step #2: Create or Get new Logo image from client. Image extension could be JPG. Paste the image in smcfs.ear\smcfs.war\extn\console\icons\ folder.
Step #3: Change the image path in extended JSP file i.e, extn\console\logindetails.jsp. Image src attribute change it
Step #4: Save the JSP file and do EAR build. Restart Application server and test.
Logo image will be like below.
Step #5: Done
No comments:
Post a Comment