[SOLVED] My own Icon in Tab-Zimlet?

[reinhard]

I just startet with zimlets and wonder, how to change the zimbraIcon to an own Icon in a tab-app:

this._simpleAppName = this.createApp("Tab Name", "zimbraIcon", "ToolTip");

How do I define the icon in the Zimlet?

[reinhard]

I solved it. Here is, how it works:

1.) create a directory "images" in the same directory of the .js and .xml-File
2.) put a jpg with the icon (16x16 Pixel) in the "images"-directory
3.) create a .css in the same directory of the .js and .xml-File:

.ImgWTV-panelIcon {
  background: url("images/wtv.jpg") no-repeat 0 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

4.) add two lines to the .xml

	<includeCSS>info_wien_helpdesk.css</includeCSS>
	<resource>wtv.jpg</resource>

5.) call the tab in the .js with:

info_wien_helpdesk_HandlerObject.prototype.init =
function() {
	this._simpleAppName = this.createApp("Helpdesk", "WTV-panelIcon", "Heldesk Online-Formular");
};