I have previously blogged about about the dominoToolTip and dominoOutline controls.  Today I have a third control to add to this series - the dominoTranslate control.  This control allows the contents of any XPage to be translated to another language using the Google translate gadget.

The code for the control is quite simple:-

    

    
    

The following is an example from my new yellowverse.com Web site that I am currently developing where I have added the custom control to my new Lotusphere Spotto page..

After I select a language (Chinese) the Xpage is translated.  Note: By default The Google Translate bar appears at the top of the XPage.

Note: In the above example I have controlled the design of the gadget via a style sheet using the two Google classes goog-te-gadget and goog-te-combo

.goog-te-gadget
{
    overflow: hidden;
    height: 20px;
}
.goog-te-combo
{
    top: -5px;
    left: 25px;
    position: relative;
}