Introduction:
In this Blog we will see 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
As i said written Code in On Change
Now if i change Value to Yes then You will see Selected Yes as Label
Now if i change to No then You will see Selected No as Label
That's it
Using Change label in JavaScript we can change the Label Text.