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

(ZCS 6.0: Zimlet Developer Guide:Examples:Panel Item Menus Props)
 
(8 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{| cellspacing="0" cellpadding="5" style="border: 1px solid rgb(153, 153, 170); margin: 0pt 0.5em 0.5em 0pt; float: none; background-color: rgb(249, 249, 255);"
+
{{BC|Community Sandbox}}
 +
__FORCETOC__
 +
<div class="col-md-12 ibox-content">
 +
=ZCS 6.0: Zimlet Developer Guide:Examples:Panel Item Menus Props=
 +
{{KB|{{Unsupported}}|{{ZCS 7.0}}|{{ZCS 6.0}}|}}
 +
{{WIP}}{| cellspacing="0" cellpadding="5" style="border: 1px solid rgb(153, 153, 170); margin: 0pt 0.5em 0.5em 0pt; float: none; background-color: rgb(249, 249, 255);"
 
|[[Image:zdg-6-menu-icon-zimbra.jpg|20px]]
 
|[[Image:zdg-6-menu-icon-zimbra.jpg|20px]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Introduction|Introduction]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Introduction|Introduction]]
Line 8: Line 13:
 
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-gear.png|20px]]
 
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-gear.png|20px]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Developing Zimlets|Developing Zimlets]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Developing Zimlets|Developing Zimlets]]
 +
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-advanced.jpg|20px]]
 +
|[[ZCS 6.0:Zimlet Developers Guide:Advanced Concepts|Advanced Concepts]]
 
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-library.jpg|20px]]
 
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-library.jpg|20px]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Zimlet API Specifications|API Specifications]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Zimlet API Specifications|API Specifications]]
Line 13: Line 20:
 
|[[ZCS 6.0:Zimlet Developers Guide:Example Zimlets|Example Zimlets]]
 
|[[ZCS 6.0:Zimlet Developers Guide:Example Zimlets|Example Zimlets]]
 
|}
 
|}
 
 
== Description ==
 
== Description ==
  
Line 34: Line 40:
  
 
<pre>
 
<pre>
<zimlet name="com_zimbra_panelitemprops" version="0.1" description="Demos panel item with menus in XML">
+
<zimlet name="com_zimbra_example_panelitemprops" version="1.0" description="Demos panel item with menus and user properties in XML">
    <zimletPanelItem label="Test Panel Item with Props">
+
<zimletPanelItem label="Test Panel Item with Props">
        <contextMenu>
+
<contextMenu>
            <menuItem label="Test menu 1.0" id="TEST_MENU_SOME_ID1">
+
<menuItem label="Test menu 1.0" id="TEST_MENU_SOME_ID1">
                <canvas type="window" width="300" height="300" />
+
<canvas type="window" width="300" height="300" />
                <actionUrl method="get" target="http://www.yahoo.com" />
+
<actionUrl method="get" target="http://www.yahoo.com" />
            </menuItem>
+
</menuItem>
            <menuItem label="Test menu 2.0" id="TEST_MENU_SOME_ID2">
+
<menuItem label="Test menu 2.0" id="TEST_MENU_SOME_ID2">
                <actionUrl method="get" target="http://finance.yahoo.com">
+
<actionUrl method="get" target="http://finance.yahoo.com">
                    <param name="whatismyparam">${prop.my_test_username}</param>
+
<param name="whatismyparam">${prop.my_test_username}</param>
                </actionUrl>
+
</actionUrl>
            </menuItem>
+
</menuItem>
        </contextMenu>
+
</contextMenu>
    </zimletPanelItem>
+
</zimletPanelItem>
    <userProperties>
+
<userProperties>
        <property type="string" label="Your username" name="my_test_username" />
+
<property type="string" label="Your username" name="my_test_username" />
        <property type="password" label="Your password" name="my_test_password" />
+
<property type="password" label="Your password" name="my_test_password" />
        <property type="number" label="Your ID number" name="my_test_id_num" />
+
<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="date" label="Delivery Date" name="my_test_delivery_date" />
        <property type="boolean" label="Priority?" name="my_test_priority" />
+
<property type="boolean" label="Priority?" name="my_test_priority" />
        <property type="enum" label="Shapes" name="my_test_shapes">
+
<property type="enum" label="Shapes" name="my_test_shapes">
            <item label="Square" value="square"/>
+
<item label="Square" value="square"/>
            <item label="Circle" value="circle"/>
+
<item label="Circle" value="circle"/>
            <item label="Rectangle" value="rectangle"/>
+
<item label="Rectangle" value="rectangle"/>
        </property>
+
</property>
    </userProperties>
+
</userProperties>
 
</zimlet>
 
</zimlet>
 
</pre>
 
</pre>
Line 68: Line 74:
 
{| cellspacing="0" cellpadding="5" border="1"
 
{| cellspacing="0" cellpadding="5" border="1"
 
|Zimlet Package
 
|Zimlet Package
|[[Media:zdg-6-examples-panelitemprops-com_zimbra_panelitemprops.zip|com_zimbra_panelitemprops.zip]]
+
|[https://github.com/Zimbra-Community/zimlets-foss/raw/master/Zimlet/src/zimlet/com_zimbra_example_panelitemprops.zip com_zimbra_example_panelitemprops.zip]
 
|}
 
|}
  
Line 79: Line 85:
 
<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 Server 7.0|12/22/2009}}
 +
 +
 +
[[Category:Developers]]
 +
[[Category:Zimlets]]
 +
[[Category:ZCS 7.0]]
 +
[[Category:ZCS 6.0]]

Latest revision as of 11:57, 3 November 2020

ZCS 6.0: Zimlet Developer Guide:Examples:Panel Item Menus Props

   KB 3221        Last updated on 2020-11-3  




0.00
(0 votes)
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 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_example_panelitemprops" version="1.0" description="Demos panel item with menus and user properties 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_example_panelitemprops.zip


Useful Links


Verified Against: Zimbra Collaboration Server 7.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: 2020-11-03



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