Difference between revisions of "ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Menus Props"

Line 79: Line 79:
 
<li>[[ZCS 6.0:Zimlet Developers Guide:Zimlet_Definition_File_Reference#<property>|<property> element]]</li>
 
<li>[[ZCS 6.0:Zimlet Developers Guide:Zimlet_Definition_File_Reference#<property>|<property> element]]</li>
 
</ul>
 
</ul>
 +
 +
 +
 +
{{Article Footer|Zimbra Collaboration Suite 6.0|12/22/2009}}

Revision as of 20:57, 22 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 display in the Zimlet panel. Right-click on the zimlet and three menus items will be displayed. The first two menu items will fire action url events.

  • The first menu item will open a 300x300px canvas window.
  • The second menu item will open a window as determined by the Zimlet framework.

User properties of various types (string, password, number, date, boolean & enum) are defined. The zimlet uses the "my_test_username" property as a parameter to the action url in the second menu item. The user properties are set by double-clicking on the panel item to present the Property Editor dialog.

The Zimlet ZIP Package contains only one file: the Zimlet Definition File.

Screen Shot

Zcs-6-examples-panelitemprops.png

Definition File

<zimlet name="com_zimbra_panelitemprops" version="0.1" description="Demos panel item with menus in XML">
    <zimletPanelItem label="Test Panel Item with Props">
        <contextMenu>
            <menuItem label="Test menu 1.0" id="TEST_MENU_SOME_ID1">
                <canvas type="window" width="300" height="300" />
                <actionUrl method="get" target="http://www.yahoo.com" />
            </menuItem>
            <menuItem label="Test menu 2.0" id="TEST_MENU_SOME_ID2">
                <actionUrl method="get" target="http://finance.yahoo.com">
                    <param name="whatismyparam">${prop.my_test_username}</param>
                </actionUrl>
            </menuItem>
        </contextMenu>
    </zimletPanelItem>
    <userProperties>
        <property type="string" label="Your username" name="my_test_username" />
        <property type="password" label="Your password" name="my_test_password" />
        <property type="number" label="Your ID number" name="my_test_id_num" />
        <property type="date" label="Delivery Date" name="my_test_delivery_date" />
        <property type="boolean" label="Priority?" name="my_test_priority" />
        <property type="enum" label="Shapes" name="my_test_shapes">
            <item label="Square" value="square"/>
            <item label="Circle" value="circle"/>
            <item label="Rectangle" value="rectangle"/>
        </property>
    </userProperties>
</zimlet>


Download

Zimlet Package com_zimbra_panelitemprops.zip


Useful Links


Verified Against: Zimbra Collaboration Suite 6.0 Date Created: 12/22/2009
Article ID: https://wiki.zimbra.com/index.php?title=ZCS_6.0:Zimlet_Developers_Guide:Examples:Panel_Item_Menus_Props Date Modified: 2009-12-22



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