How to add your corporate logo to Dekho

companylogo
A lot of customers have asked me how can they add their Corporate Logo in the Dekho Client. So, I thought of doing a step by step blog to achieve this.

In order to do this follow the steps below-

1. Go to folder where Dekho is deployed on the server. Example – C:Program FilesApache Software FoundationTomcat 7.0webappsDekho41

2. You will see a file named dekho.jsp. Copy and save a back-up copy of dekho.jsp

3. Copy and paste your corporate logo in the images folder of Dekho. Example – C:Program FilesApache Software FoundationTomcat 7.0webappsDekho41images

4. Open dekho.jsp in notepad (Preferably an editor like Notepad++).

5. Copy and paste the below line in the dekho.jsp after the </style> tag. Refer the screenshot.

<style type=”text/css”>
body{ margin:0px; padding:65px 0px 0px;}
div#banner{ position:absolute; top:0; left:0; z-index: 1000; width:100%; height: 65px;}
@media screen{ body>div#banner{ position:fixed; }}* html body{ overflow:hidden;overflow-y:hidden;height: 100%;}
</style>
<style type=”text/css”>
html {overflow: auto;}
</style>
<div id=”banner” align=right style=”background-color:#0069AD;layer-background-color:#0069AD;”><img src=”images/standard.png” alt=”This text will appear when the image is not found” width=”635″ height=”65″ border=”0″></div>

Logo1

The two important tags to keep in mind are-

1. image src – In the above example the name of the image is standard.png that has been copied into the images folder as per Step3.

2. alt – The text that would appear when the image is not found.

You can always adjust the height, width, and background colours to suit your needs.  The list of color codes can be found from http://jdstiles.com/colorchart.html.

Save the dekho.jsp file after making the above modification. You will have to clear your browser cache or restart Tomcat so that the new dekho.jsp file is recognised by Dekho.

Open Dekho in a browser and you can now see the image specified.

Logo2

Please note this works for both the previous version (4.0.x) and the latest version (4.1.x).

This entry was posted in Other. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *


*