DHIS2 Rich Text and Video Dashboard Widget

Our app wasn’t a finalist for the app competition, probably because it’s so simple—but it’s simplicity is what makes it useful!

The DHIS2 Rich Text and Video Dashboard Widget provides the ability to add formatted text, tables, links, and videos to your DHIS2 dashboards. This allows for dashboards with much more flexible, complex, informative, and attractive presentation.

Check out our walkthrough video:
DHIS2 Rich Text and Video Dashboard Widget

Enjoy!

3 Likes

Just seeing the new thread, copying my initial response here:

@ben your app is great, indeed super simple but very useful. I introduced it to the Laos MoH a few months ago and they were very quick in adopting it.

We rapidly developed a dashboard to provide end-users direct access to the range of support videos, tutorials, and other resources:

The only suggestion I’d have for now is to either remove the label of each item (e.g. “Information” title for YouTube videos is not needed) - or even better, let users specify a title for their item. But that’s just a minor thing really, it’s a great app! I probably would have voted for it :slight_smile:

Bram (PSI)

1 Like

Good idea to move these comments here, @bram_piot—thanks!

Copying my reply:

Thanks, @bram_piot! It’s so cool to see the Laos MoH dashboard!

We’ll have an update soon that will remove the Information header for versions of DHIS2 2.36 and later. (Unfortunately, that feature isn’t available for 2.35 or earlier.)

Very nice - I can see this being useful, thanks for sharing @ben

Thanks, @Edward_Robinson!

1 Like

By the way, we have two versions of the widget that aren’t yet available on the App Hub, found at:

If you are running DHIS 2.35 or earlier, there isn’t much difference in these versions, but if you are on DHIS 2.36 or later, then 1.0.6 is going to omit the word “Information” at the top of the widget, making for a cleaner Dashboard layout.

We’re working with @austin on getting versions 1.0.5 and 1.0.6 of the widget into the App Hub, but there’s a bug in the uploader that won’t let us add them yet. Hopefully we’ll get that resolved soon!

2 Likes

A post was split to a new topic: DHIS2 Charts: how to change axis or legend names?

As part of dac2022, we resubmitted the Rich Text and Video Dashboard Widget as we’d added a cool new feature: a nested menu that allows easy navigation for systems with many hierarchical items of interest.

We’ve updated our walkthrough video to show the nested menu. Check it out!
DHIS2 Rich Text and Video Dashboard Widget

2 Likes

Dear @ben
Over the past few days, we’ve noticed that the dashboard widget app isn’t displaying results as expected. For example, when we add a new information widget and insert an iframe link in the HTML code editor, the code disappears after saving. We’ve tried this on multiple instances and encountered the same issue.

Could you please assist us with this?

Thank you.

Hi @ConsultantKart! Of course.

What version of the Dashboard Widget do you have? Also, what version of DHIS2 are you running? Is the iframe a link to YouTube or to another domain?

Best,

Ben

Hi @ben

Sorry for the delay in response. Please find below the version of my dhis2 instance and the app.

DHIS2 version - 2.36.13.2
Dashboard widget version - 1.1.4

On the other question regarding the iframe content, we have been trying to use a YouTube link and a public dashboard link. Unfortunately, none of these are working for us. We have even tried using the same in latest play application as well.

Many thanks in advance

1 Like

Dear @ben and @consultantkart

We are also facing the same challenge, we are not able to use this, and the information widget is not working as expected.
I have tested this on play app version 2.38, please see below screenshots for your reference
image

image

After saving the iframe got the below screen

image

When editing the Info widget, the iframe is lost.
And on dashboard, we see nothing as shown below

image

Any quick help is highly appreciated.

@ConsultantKark and @Neeraj_Gupta,

It looks like the most recent releases from:

…were not present on the App Hub, so I have uploaded version 2.0.1 there. Please let me know if upgrading to version 2.0.1 of the widget fixes your problem. Thanks!

Best,

Ben

2 Likes

Dear @ben
Thank you for uploading the latest version.

I tested version 2.0.1 on both my application and the DHIS2 demo application (play). After adding the information wizard, the editor is not available to add anything.

However, I found version 1.1.6 on GitHub and tried it with the application. Using this version, I was able to add the iframe to the dashboard, but if I edit the iframe, the entire iframe is lost.

For now, my problem is resolved, and I can use version 1.1.6.

Thanks,
Neeraj

Dear @ben,

I am facing the same issue as described by @Neeraj_Gupta. With ‘2.0.1’ the edit HTML option is not coming and with 1.1.6 I cannot add any property to the iframe, such as height, width etc. As soon as I add anything it just disappears.

Dear @ConsultantKart and @Neeraj_Gupta,

I do see the problem you’re having with version 1.1.6, and you’re correct—versions 1.x had HTML sanitization code that removed iframes. We fixed that in recent versions, but that won’t help you as they are not compatible with DHIS2 v38.

I also tested version 2 of the widget with DHIS2 v38, and you’re right, it doesn’t work. We’ll look into that.

Best,

Ben

Dear @ConsultantKart and @Neeraj_Gupta,

We believe that version 2.1.0, which is currently available from the releases of our Github repo, should work properly with DHIS2 v38. It should also enable you to create iframes that remain present when saving the code.

Note that out-of-the-box it only supports iframes from youtube.com, but you can add more source domains by following these instructions.

Let me know if it works for you. Thanks!

Best,

Ben

Hi @ben

I have installed version 2.0.1 from Apps Hub (DHIS 2.40.4.1), but there is no way to edit or add anything, just blank panel

Any suggestions?
Thank you
Ulanbek

Dear @Ulanbek,

Please try version 2.1.0 (not version 2.0.1), which is currently available from the releases of our Github repo.

If you can only install via the App Hub, we’ll have version 2.1.0 there in a few weeks.

Best,

Ben

2 Likes

Thank you @ben ! It works!

2 Likes