HTML tags inside ConfirmDialog.ShowMessageDialog(opts)

Hi Guys,

In the sample H5 script H5SampleUserDetails.ts - it shows a users details inside a message dialogue box. It inserts the html tag <br/> at the end of each line, however when this script is run in M3, it displays the HTML tag as plain text, rather than interpreting it correctly and starting a new line.

Does anyone know how to correct get the message dialogue box to interpret a new line tag?

Here's the code from the sample:

    private showDetails(): void {
        const userContext = ScriptUtil.GetUserContext();
        const header = "USER DETAILS";
        const message = [];

        for (let key in userContext) {
            message.push(key + ": " + userContext[key]);
        }

        const opts = {
            dialogType: "Information",
            header: header,
            message: message.join("<br/>"),
            id: "msgDetails",
            withCancelButton: true,
            isCancelDefault: false
        };

        ConfirmDialog.ShowMessageDialog(opts);
    }

Find more posts tagged with

Accepted answers

Rene Bottern

Try replacing <br/> with

Daniel Henningsver

If you want to customize the dialog you can try H5ControlUtil.H5Dialog.CreateDialogElement (version >= 2.0) or inforMessageDialog which is shown in the sample H5SampleCustomDialog

All comments

ihiggins

Screenshot of sample output:

Rene Bottern

Try replacing <br/> with

Legacy Contributor

I don't think the dialogs support HTML. Even using the sample script Infor provided the html elements are just printed as plain text.

As Rene B pointed out, "
" can work as a newline character.

If you want more than just a newline, you have some challenges.

I've been trying to work most of my elements into the content area for that reason. Initially I found that restriction very irritating but users seem to appreciate how much less disruptive it is than a popup.

If you need more screen space to display more information you may be better of with an H5-SDK App instead of an H5-Script.

Alternatively you could make your own popup modal with jQuery but I worry that'd be fraught with peril. Avoiding the controller and injecting html elements into the DOM of a single page app wrapped in another single page app. I think you'd want them tied to the instance controller and then I think you'd have to be really on top of your game with unbinding events.

The popup might have its own instanceController if you could find a way to get at it then you could insert elements like you normally do but using that popus controller.

I've been struggling with a similar issue recently on a script I've been working on. I wanted users to enter a search term, click a search button and then I'd present the results in a popup. Trouble was I wanted them to be able to select an item from the list and the popup restricted me to plain text and buttons. I probably could have gotten the buttons to save their result and trigger a close event on the popup but the styling on the buttons was hideous.
Eventually I settled on not using a popup but just adding a selector/comboBox element in which the items were the result of the search.

Best of luck

Legacy Contributor

That's does the trick.

const dialog: IConfirmDialogOptions = {

  header: 'Item Status is "05-Template item"',

  message: 'If your creating a new item please use a different status.

' +

    'If you are attempting to edit an item template please contact IT',

  dialogType: 'Error',

};

ConfirmDialog.ShowMessageDialog(dialog);

ihiggins

Thanks Rene and Benjamin. So simple I missed it with the
- great to have it working. Agree with all your comments Benjamin, our need is a simple one so in this instance the popup does the trick, but I had already considered an SDK as an alternative.

Daniel Henningsver

If you want to customize the dialog you can try H5ControlUtil.H5Dialog.CreateDialogElement (version >= 2.0) or inforMessageDialog which is shown in the sample H5SampleCustomDialog

ihiggins

Thanks DaHen, this led me to upgrading to the latest version, and for some reason I was missing the H5SampleCustomDialog sample previously, so now I also have this to reference.

antonio-caria

Use another Dialog from JQuery.

You have many ....

Copyright © 2025 Infor. All rights reserved.