Zimlet Developers Guide:Zimlet Tab: Difference between revisions

mNo edit summary
(Adding Article Infobox)
Line 33: Line 33:




You can create zimlets as tab applications. After creating your application (using <code>ZmZimletBase.createApp()</code>), your Zimlet Handler Object will receive application events such as <code>ZmZimletBase.appActive()</code> and <code>ZmZimletBase.appLaunch()</code>. Additionally, you can create and manage the content on the tab application page.  
 
{{Article Infobox|{{devel}}|{{ZCS 6.0}}||}}You can create zimlets as tab applications. After creating your application (using <code>ZmZimletBase.createApp()</code>), your Zimlet Handler Object will receive application events such as <code>ZmZimletBase.appActive()</code> and <code>ZmZimletBase.appLaunch()</code>. Additionally, you can create and manage the content on the tab application page.  


== Creating Tab Application ==
== Creating Tab Application ==

Revision as of 22:40, 14 April 2010

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-advanced.jpg
Advanced Concepts
Application Context
Templates
Java & JSP
Portal
Zimlet Tab
Internationalization
Zdg-6-menu-icon-library.jpg API Specifications Zdg-6-menu-icon-checkbox.jpg Example Zimlets


Developer Article

Article Information

This article applies to the following ZCS versions.

ZCS 6.0 Article ZCS 6.0

You can create zimlets as tab applications. After creating your application (using ZmZimletBase.createApp()), your Zimlet Handler Object will receive application events such as ZmZimletBase.appActive() and ZmZimletBase.appLaunch(). Additionally, you can create and manage the content on the tab application page.

Creating Tab Application

A tab application is created by using the ZmZimletBase.createApp() method. This method can be called when your zimlet is initialized. The method returns the newly created tab application name. You will likely use this name often so a good practice is to save the name to a zimlet property that can be accessed in the future (shown here as this._tabAppName).

// create the tab application
this._tabAppName = this.createApp("Tab Label", "zimbraIcon", "Tab Tool Tip");

Zcs-6-tab-zimlet-tab-apps.png

Life Cycle

A zimlet that is running as a tab application will receive application life cycle events. The following illustrates the tab application events. A tab is "launched" the first-time a user clicks on the tab. When a tab is made "active", a user clicks on the tab and the tab content is displayed. When a tab is made "inactive", the user has switched to a different tab.

Zcs-6-tab-zimlet-lifecycle.png

Tab Areas

A tab application has three primary content areas on the page:

  • Main Content Area
  • Toolbar Area
  • Overview Area

How to retrieve the area objects and set the content (i.e. the HTML) for the areas is shown in the Tab Overview example.

Zcs-6-tab-zimlet-tab-areas.png

Useful Links


Verified Against: Zimbra Collaboration Suite 6.0 Date Created: 01/05/2010
Article ID: https://wiki.zimbra.com/index.php?title=Zimlet_Developers_Guide:Zimlet_Tab Date Modified: 2010-04-14



Try Zimbra

Try Zimbra Collaboration with a 60-day free trial.
Get it now »

Want to get involved?

You can contribute in the Community, Wiki, Code, or development of Zimlets.
Find out more. »

Looking for a Video?

Visit our YouTube channel to get the latest webinars, technology news, product overviews, and so much more.
Go to the YouTube channel »

Jump to: navigation, search