Zimlet Developers Guide:Internationalization: Difference between revisions
No edit summary |
No edit summary |
||
(11 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
{{BC|Community Sandbox}} | |||
__FORCETOC__ | |||
<div class="col-md-12 ibox-content"> | |||
= Zimlet Developers Guide: Internationalization = | |||
{{KB|{{Unsupported}}|{{ZCS 8.0}}|{{ZCS 7.0}}|}} | |||
{{Archive}} | |||
{{warning|1=You are looking at legacy Zimlet documentation. For Zimbra Modern UI Zimlet development go to: https://wiki.zimbra.com/wiki/DevelopersGuide#Zimlet_Development_Guide.}} | |||
{| 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);" | {| 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]] | ||
|[[ | |[[Zimlet Developers Guide:Introduction|Introduction]] | ||
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-green-flag.png|20px]] | |style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-green-flag.png|20px]] | ||
|[[ | |[[Zimlet Developers Guide:Getting Started|Getting Started]] | ||
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-terminal.png|20px]] | |style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-terminal.png|20px]] | ||
|[[ | |[[Zimlet Developers Guide:Dev Environment Setup|Dev Environment Setup]] | ||
|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]] | ||
|[[ | |[[Zimlet Developers Guide:Developing Zimlets|Developing Zimlets]] | ||
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-advanced.jpg|20px]] | |style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-advanced.jpg|20px]] | ||
| | | | ||
{| | {| | ||
|[[ | |[[Zimlet Developers Guide:Advanced Concepts|Advanced Concepts]] | ||
|- | |- | ||
|[[ | |[[Zimlet Developers Guide:Application Context|Application Context]] | ||
|- | |- | ||
|[[ | |[[Zimlet Developers Guide:Templates|Templates]] | ||
|- | |- | ||
|[[ | |[[Zimlet Developers Guide:Java and JSP|Java & JSP]] | ||
|- | |- | ||
|[[ | |[[Zimlet Developers Guide:Portal|Portal]] | ||
|- | |- | ||
|[[ | |[[Zimlet Developers Guide:Zimlet Tab|Zimlet Tab]] | ||
|- | |- | ||
|'''Internationalization''' | |'''Internationalization''' | ||
Line 27: | Line 35: | ||
|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]] | ||
|[[ | |[[Zimlet Developers Guide:Zimlet API Specifications|API Specifications]] | ||
|style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-checkbox.jpg|20px]] | |style="border-left: 1px solid rgb(153, 153, 170);"|[[Image:zdg-6-menu-icon-checkbox.jpg|20px]] | ||
|[[ | |[[Zimlet Developers Guide:Example Zimlets|Example Zimlets]] | ||
|} | |} | ||
== Internationalization == | == Internationalization == | ||
Line 41: | Line 48: | ||
An example zimlet is provided [[ZCS_6.0:Zimlet_Developers_Guide:Examples:Simple_i18n_Example|here]]. | An example zimlet is provided [[ZCS_6.0:Zimlet_Developers_Guide:Examples:Simple_i18n_Example|here]]. | ||
Note: A ''locale'' is the combination of a ''language'' code and a ''country'' code. For example, the locale for the English language in the country of US is <code>en_US</code>. Or the locale for the English language in the country of United Kingdom is <code>en_GB</code>. A list of locale country codes are available at http://www.iso.org/iso/country_codes/iso_3166_code_lists/ | Note: A ''locale'' is the combination of a ''language'' code and a ''country'' code. For example, the locale for the English language in the country of US is <code>en_US</code>. Or the locale for the English language in the country of United Kingdom is <code>en_GB</code>. A list of locale country codes are available at http://www.iso.org/iso/country_codes/iso_3166_code_lists/country_names_and_code_elements.htm | ||
=== Properties File Naming Convention === | === Properties File Naming Convention === | ||
Line 63: | Line 70: | ||
|English ("en") | |English ("en") | ||
|United Kingdom ("GB") | |United Kingdom ("GB") | ||
|The properties resource bundle for the zimlet in the <code> | |The properties resource bundle for the zimlet in the <code>en_GB</code> locale ("Language: English, Country: United Kingdom") | ||
|- | |- | ||
|com_zimbra_helloworld_en_CA.properties | |com_zimbra_helloworld_en_CA.properties | ||
Line 103: | Line 110: | ||
<pre> | <pre> | ||
var str = this.getMessage("helloworld"); | var str = this.getMessage("helloworld"); | ||
</pre> | |||
To access resource keys from a Template, use the Zimlet Name and the property in your template file with the <code><$=$></code> syntax: | |||
<pre> | |||
<table cellspacing="2" cellpadding="0" border="0"> | |||
<tr> | |||
<td> | |||
<b><$= com_zimbra_myzimlet.myresourcekey $></b> | |||
</td> | |||
</tr> | |||
</table> | |||
</pre> | </pre> | ||
Line 108: | Line 126: | ||
<ul> | <ul> | ||
<li> | <li>When building your zimlet using the [[Zimlet_Developers_Guide:Dev_Environment_Setup#Zimlet_Development_Directory|Zimlet Development Directory]], you will need to load the Zimbra Web Client in [[#Development Mode|Development Mode]] (i.e. with the <code>?dev=1</code> parameter) in order for the zimlet resource properties to load.</li> | ||
<li>Naming your Zimlet Handler Object the same as your Zimlet Name will cause sporadic results. Be sure to name the Handler Object something different. For example, the Handler Object for a zimlet named "com_zimbra_helloworld" should be "com_zimbra_helloworldHandlerObject". See [[ | <li>Naming your Zimlet Handler Object the same as your Zimlet Name will cause sporadic results. Be sure to name the Handler Object something different than your zimlet name. For example, the Handler Object for a zimlet named "com_zimbra_helloworld" should be "com_zimbra_helloworldHandlerObject". See [[Zimlet_Developers_Guide:Developing_Zimlets#Zimlet_Handler_Object|Zimlet Handler Object]] for more information.</li> | ||
<li>See [[ZCS_6.0:Zimlet_Developers_Guide:Examples:Simple_i18n_Example|Simple Internationalization Example]] for a working i18n zimlet example.</li> | <li>See [[ZCS_6.0:Zimlet_Developers_Guide:Examples:Simple_i18n_Example|Simple Internationalization Example]] for a working i18n zimlet example.</li> | ||
</ul> | </ul> | ||
Line 115: | Line 133: | ||
{{Article Footer|Zimbra Collaboration | {{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 06:03, 17 July 2021
Zimlet Developers Guide: Internationalization
![]() |
You are looking at legacy Zimlet documentation. For Zimbra Modern UI Zimlet development go to: https://wiki.zimbra.com/wiki/DevelopersGuide#Zimlet_Development_Guide. |
Internationalization
Internationalization is the process of designing a zimlet so that it can be adapted to various languages and regions without code changes. Sometimes the term internationalization is abbreviated as i18n (because there are 18 letters between the first "i" and the last "n").
To internationalize your zimlets, you can include .properties
files with your zimlet. These files will include the internationalized text resources used in your zimlet. You can include multiple properties files with your zimlet to support multiple locales.
An example zimlet is provided here.
Note: A locale is the combination of a language code and a country code. For example, the locale for the English language in the country of US is en_US
. Or the locale for the English language in the country of United Kingdom is en_GB
. A list of locale country codes are available at http://www.iso.org/iso/country_codes/iso_3166_code_lists/country_names_and_code_elements.htm
Properties File Naming Convention
The properties file must start with your zimlet name, followed by the locale and the .properties
extension. These files must be in the base directory of your zimlet. The default locale for a zimlet is en_US
("English-US"). The base zimlet properties file is assumed to be English-US and does not include a locale in the file name.
For example, a zimlet named "com_zimbra_helloworld" would have the following properties files to handle English in multiple countries:
File | Locale Language | Locale Country | Description |
com_zimbra_helloworld.properties | English ("en") | United States ("US") | The default properties resource bundle for the zimlet in the en_US default locale ("Language: English, Country: US")
|
com_zimbra_helloworld_en_GB.properties | English ("en") | United Kingdom ("GB") | The properties resource bundle for the zimlet in the en_GB locale ("Language: English, Country: United Kingdom")
|
com_zimbra_helloworld_en_CA.properties | English ("en") | Canada ("CA") | The properties resource bundle for the zimlet in the en_CA locale ("Language: English, Country: Canada")
|
Properties File Syntax
The resource keys are stored in the properties file in the format key=value
. For example, for a resource key named "helloworld":
helloworld = Hello World!
Comments can be included in the properties file by prefacing the line with "#". For example:
# this is a comment in the props file helloworld = Hello World!
Note: key names cannot contain periods (".") or dashes ("-"). Underscore ("_") is allowed. For example, "helloworld" or "hello_world" are valid key names but "hello-world" or "hello.world" are not valid key names.
Accessing Resource Properties
The resource keys in your zimlet properties files can be accessed from the Zimlet Definition File XML using the "${msg}" syntax.
For example, accessing a key named "helloworld" from an XML element:
<toolTipText>${msg.helloworld}</toolTipText>
For example, accessing a key named "helloworld" from an XML element attribute:
<menuItem label= "${msg.helloworld}" id="MY_ITEM_ID" />
To access resource keys from your Zimlet Handler Object, use the ZmZimletBase.getMessage()
JavaScript method:
var str = this.getMessage("helloworld");
To access resource keys from a Template, use the Zimlet Name and the property in your template file with the <$=$>
syntax:
<table cellspacing="2" cellpadding="0" border="0"> <tr> <td> <b><$= com_zimbra_myzimlet.myresourcekey $></b> </td> </tr> </table>
Additional Information
- When building your zimlet using the Zimlet Development Directory, you will need to load the Zimbra Web Client in Development Mode (i.e. with the
?dev=1
parameter) in order for the zimlet resource properties to load. - Naming your Zimlet Handler Object the same as your Zimlet Name will cause sporadic results. Be sure to name the Handler Object something different than your zimlet name. For example, the Handler Object for a zimlet named "com_zimbra_helloworld" should be "com_zimbra_helloworldHandlerObject". See Zimlet Handler Object for more information.
- See Simple Internationalization Example for a working i18n zimlet example.