Power Community

Power Community

How to Change Label Text in Form using JavaScript in Model Driven Apps

Implementation Steps:

1. Navigate to https://make.powerapps.com

2. Click More –> Select Tables

3. Open the Table where you want to change the Form Text

In my Scenario I need to Change the Text Based on Boolean Field.

4. Boolean Field

  • Name : Change Text
    • Yes –> If yes then Change Text to Selected Yes
    • No –> If No then Change Text to Selected No

5. Now Create a Web Resource then Upload Below Code

function onChangeBooleanField(executionContext) {
    var formContext = executionContext.getFormContext();
    if (formContext.getAttribute("crd20_changetext").getValue()) {
        formContext.getControl('name').setLabel('Selected Yes');
    } else {
        formContext.getControl('name').setLabel('Selected No');
    }
}

// crd20_changetext –> Boolean Field Logical Name

//name –> Label to be Changed

6. I have Written function in OnChange of Boolean Field

7. Once Code Written Refresh the Account Form

rampprakash_0-1681723093204.png

As i said written Code in On Change

Now if i change Value to Yes then You will see Selected Yes as Label

rampprakash_1-1681723130587.png

Now if i change to No then You will see Selected No as Label

rampprakash_2-1681723649432.png

That’s it 🙂

Using Change label in JavaScript we can change the Label Text.

This post was originally published on this site

- Advertisement -spot_img

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisement - Advertisement

Latest News

How to Enable Aggregation (preview) feature in Microsoft Power Apps?

The Power Apps grid control represents the next evolution of the Power Apps read-only grid control, allowing users to...

More Articles Like This

- Advertisement -spot_img