Skip to content
PhuocLe edited this page Jun 11, 2024 · 14 revisions

After the first example, you already familiar with Dataverse Dialog Builder. In this example, we demonstrate how you can move between each tab.

The Dialog we should build like this
dialog

  • This dialog includes a header, subheader, tab header, and tab footer. On the first tab, you’ll find an optionset control that automatically populates the value Me. The Next button is currently invisible. The Assign to Me button is visible. When clicked, it closes the dialog and confirms the action as Assign to Me.

  • If you change the optionset value to User or Team, the Next button becomes visible, and the Assign to Me button disappears. Now, clicking the Next button will navigate to another tab where you can select either a User or Team record. On this tab, you can also click the Back button to return to the previous tab. Additionally, clicking the Assign button will perform the Assign action.

  • In any case, you can always click the Cancel button to cancel the Another Assign action.

Let's get started building a dialog using Dataverse Dialog Builder.

1. Create a JavaScript file and upload to your Dataverse environment

"use strict";
var AnotherAssign = (function () {
    "use strict";
    async function OnOpen(executionContext) {
    }
    async function OnLoad(executionContext) {
    }
    async function OnClickCancel(executionContext) {

    }
    return {
        OnOpen,
        OnLoad,
        OnClickCancel
    }
})();