This post has a lot of developer “tricks”. If you aren’t a developer and just want to install and try the Sticky Notes, run these commands as user `zimbra` on your Zimbra server:

wget https://github.com/Zimbra/zimbra-zimlet-sticky-notes/releases/download/0.0.5/zimbra-zimlet-sticky-notes.zip

zmzimletctl deploy zimbra-zimlet-sticky-notes.zip

Download the Sticky Notes Zimlet

Create a folder on your local computer to store the Sticky Notes Zimlet:

  mkdir ~/zimbra_course_pt3
  cd ~/zimbra_course_pt3
  git clone https://github.com/Zimbra/zimbra-zimlet-sticky-notes
  cd zimbra-zimlet-sticky-notes
  npm install
  zimlet watch

The output of this command should be:

Compiled successfully!

You can view the application in browser.

Local:            https://localhost:8081/index.js
On Your Network:  https://192.168.1.100:8081/index.js

Visit https://localhost:8081/index.js in your browser and accept the self-signed certificate. The index.js is a packed version of the Sticky Notes Zimlet. More information about the zimlet command, npm and using SSL certificates can be found in https://github.com/Zimbra/zm-zimlet-guide.

Sideload the Sticky Notes Zimlet

Log on to your Zimbra development server and make sure that you are seeing the modern UI. Then append /sdk/zimlets to the URL.

 Sideload the Sticky Notes Zimlet by clicking Load Zimlet. The Zimlet is now added to the Zimbra UI in real-time. No reload is necessary.

Use the Sticky Notes Zimlet

 Click the Sticky Note icon that now shows up in the right top of the displayed email.

 Make a note, and click OK.

 The Sticky Note is now displayed when viewing the email, to edit the note, click it.

Visual Studio Code

Open the folder ~/zimbra_course_pt3/zimbra-zimlet-sticky-notes in Visual Studio code to take a look at the code in the Sticky Notes Zimlet. More information on this can be found at: https://github.com/Zimbra/zm-zimlet-guide.

Thanks & hope you are healthy,
Your Zimbra Team