How to Embed Widgets on your Business Central Role Center

With the use of a Popdock widget you can integrate a Popdock list or multiple lists directly onto your Business Central Role Center. Below is an example of how to use AL code and Control Add-Ins to do this.

Important Tip

A Popdock widget will need to be created prior to following these steps because you will need the widget URL.  Click Here to learn how to create a Popdock widget.

Final code of this example can be downloaded here.

Creating the Control Add-in:

1.  Create the JavaScript file that will be displaying the Popdock Widget as an Iframe. You can modify the URL in my below example to point at your widget URL. This is the only mandatory change to display your Popdock data in Business Central.


2.  Create a Control Add-in object to call the custom JavaScript. You will need to modify the location of the Startup Script to point to your JavaScript file.


3.  Create a Card Part to call the Control Add-in. You will need to modify the user control to point to whatever you named your Control Add-in.


4. Finally, create a Page Extension on the Role Center to be modified. You can modify the part to reference whatever you named the Card Part.

*You can publish the same Card Part to multiple Role Centers.


Now you will see your Popdock widget on the Business Manager Role Center!

Feeling stuck? Get the support and guidance you need to help you power through any data challenge

We're on your integration team. Connect with our people and let us know how we can help you.