Develop > Custom Widgets

Custom Widgets

You can create custom widgets to visualize your data in ways other than what is possible by default with the BVD Visio Stencil. By coding your own personalized widgets, you can illustrate your business value in any form required.

To create custom widgets, you must provide BVD with a Visio shape and the corresponding widget code.

  • Visio shape. A Visio shape acts as the placeholder for your custom widget. The shape is the visual representation of your widget. Depending on the custom widget you want to create, it can be simple or advanced with interactive elements. Additionally, you can save the shape as a stencil so that it becomes reusable. For more information, see Modify the Visio shape.
  • Widget code. To code how the custom widget behaves, an API is provided which enables you to create the widget by using DOM and SVG manipulation. The result is saved as JavaScript file. For more information, see Define the custom widget code.

After you have uploaded a dashboard containing the Visio shape and saved the JavaScript file on the BVD server, you can view your customized widget in BVD. Whenever you open a dashboard in BVD which contains the custom widget, the JavaScript file is loaded from the BVD server and the custom widget code is executed.

For full code examples, see microfocus.github.io/ColorYourData.

Custom Widgets