Difference between revisions of "ZCS 6.0:Zimlet Developers Guide:Examples:Simple Tab"

Line 16: Line 16:
 
== Description ==
 
== Description ==
  
This zimlet will create a tab.
+
This zimlet will create a simple "tab" application with a label, icon and tooltip.
  
 
== Screen Shot ==
 
== Screen Shot ==
Line 26: Line 26:
  
 
<pre>
 
<pre>
<zimlet name="com_zimbra_simpletooltip" version="1.0" description="Simple Tool Tip Example: Hello World!">
+
<zimlet name="com_zimbra_simpletab" version="0.1" description="Demos a simple tab application">
    <contentObject>
+
<include>com_zimbra_simpletab.js</include>
        <matchOn>
+
<handlerObject>com_zimbra_simpletabHandlerObject</handlerObject>
            <regex attrs="ig">lab|user|remodel</regex> <!-- matches lab or user or remodel -->
 
        </matchOn>
 
        <toolTip>Hello World! Tooltip</toolTip> <!-- the tool tip to display when content matches -->
 
    </contentObject>
 
 
</zimlet>
 
</zimlet>
 
</pre>
 
</pre>
 +
 +
 +
== Handler Object ==
 +
 +
Below is a snippet from the Handler Object from the zimlet JavaScript file. In zimlet <code>init()</code>, the "tab" application is created. The newly created application name is returned and set as a local zimlet property <code>_simpleAppName</code> for later use.
 +
 +
/**
 +
* This method gets called by the Zimlet framework when the zimlet loads.
 +
 +
*/
 +
com_zimbra_simpletabHandlerObject.prototype.init =
 +
function() {
 +
 +
this._simpleAppName = this.createApp("Simple Tab App", "zimbraIcon", "A simple app in a new tab");
 +
 +
};
  
  

Revision as of 01:10, 15 December 2009

Zdg-6-menu-icon-zimbra.jpg Introduction Zdg-6-menu-icon-green-flag.png Getting Started Zdg-6-menu-icon-terminal.png Dev Environment Setup Zdg-6-menu-icon-gear.png Developing Zimlets Zdg-6-menu-icon-library.jpg API Specifications Zdg-6-menu-icon-checkbox.jpg Example Zimlets

Description

This zimlet will create a simple "tab" application with a label, icon and tooltip.

Screen Shot

Zcs-6-examples-simpletab.png


Definition File

<zimlet name="com_zimbra_simpletab" version="0.1" description="Demos a simple tab application">
	<include>com_zimbra_simpletab.js</include>
	<handlerObject>com_zimbra_simpletabHandlerObject</handlerObject>
</zimlet>


Handler Object

Below is a snippet from the Handler Object from the zimlet JavaScript file. In zimlet init(), the "tab" application is created. The newly created application name is returned and set as a local zimlet property _simpleAppName for later use.

/**

  • This method gets called by the Zimlet framework when the zimlet loads.
  • /

com_zimbra_simpletabHandlerObject.prototype.init = function() {

this._simpleAppName = this.createApp("Simple Tab App", "zimbraIcon", "A simple app in a new tab");

};


Download

Zimlet Package com_zimbra_simpletab.zip


Useful Links

Jump to: navigation, search