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

No edit summary
No edit summary
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