I worked out a way to add custom icons/images in the header of your custom app/html view. So when you create a webtab in the CRM your custom app looks just as professional as the standard zoho apps I.e. Potentials, Contacts etc
Here is how to do it.
- Create a HTML View and embed the associated Form View.
- Add 2 div tags before the div tag with the main zc-component, and you have your own custom header.
- Note you have to set zc_Header param (shown in example below) to false so there are not 2 lots of text headers.
- Just change the icon/image and header text to what ever you want.
Saves you having to completely re-write the main view component and the icon gives your app the same professional look as the default/standard apps within ZohoCRM. I.e. the plus of this method is that you still use the zc-component and all the predefined css etc.
Just insert the code below under the "content" section of the HTML View after you have embedded the Form View that you want to display in the HTML view(the view can be a list, grid or summary). You might have to tweak the top and left positions in both div tags based on the size of your icon/image and length of header text.
content
<%{%>
<div style='position: absolute;top: 0px; left: 0px;'>
<img src='http://dl.dropbox.com/u/55130398/process_register_icon.png'>
</div>
<div style='position: absolute;top: 20px; left: 60px;'>
<font face="Arial" size="+2"><b>Process Register</b></font>
</div>
<div style='width:800px;' elName='zc-component' viewLinkName='Process_Register_Form_View' params='zc_Header=false'>Loading View...</div>
<%}%>
Hope this save you some time if you have been trying to do the same thing or wanted to.
See example image of what it looks like attached.