Like what you see? Have a play with our trial version.

Overview

A code widget is a reusable bundle of code that provides flexible dashboard customization (see more details here).

To write a code widget:

  1. Write the back-end code and check it works.
  2. Write the front-end code and check it works.
  3. Customize the Code Widget Properties panel (optional).
  4. Bundle the code into a jar file, then upload it to Yellowfin.

The code widget will now display in a list of code widgets within your dashboard canvas editor, where they can be dragged and dropped onto the canvas from the Code Widgets menu on the left in Dashboard Creation mode.

You can set up your IDE to develop Yellowfin plugins by following this guide.

Dev Tip

Code widgets are children of canvas widgets, so when you are using the META-INF/services feature mentioned in that guide, you will need to add your code widget as a CanvasObjectTemplate.

Code widget sequence diagram

Next steps

When you're ready to get started with code widgets, follow this process:

  1. Write the back-end code.  ← Start here
  2. Write the front-end code.
  3. Customize the Code Widget Properties panel (optional).
  4. Bundle the code into a jar file, then upload it to Yellowfin.

To further assist you during code widget development, click on the code widget reference page for samples, API links and detailed descriptions.

  • No labels