Show Hide Fields using JavaScript in Model Driven App

This video will teach us how to conditionally show a hide field in model-driven powerapps using Javascript. There are various ways to show the hide field in the model-driven app. You can either use Business Rule or Javascript approach. This video, specifically teach you the JavaScript approach to show hide fields in model-driven application. So, Let's get started.

The video covers below points.
1. How to add Javascript file in model driven app?
2. How to conditionally show/hide fields in model driven app using javascript?
3. OnChange event in model driven app with javascript

Chapters:

00:00 Start
00:30 Real Life Use Case
01:15 JavaScript Function to Show Hide Fields in Model Driven App
05:40 How to Upload JavaScript for Model Driven App?
06:54 Open Model Driven App
07:18 Select Column and add OnChange Event using JavaScript
09:14 Test
09:54 Subscribe!

Code:
function showHideFields(executionContext) {

var formContext = executionContext.getFormContext();
var selectionValue = Xrm.Page.getAttribute("dshah_department").getValue()[0].name;
console.log(Xrm.Page.getAttribute("dshah_department").getValue()[0].name);
if(Xrm.Page.getAttribute("dshah_department").getValue()[0].name === "IT") {
console.log("TRUE ");
formContext.getControl("dshah_resume").setVisible(true);
}
else {
console.log("FALSE ");
formContext.getControl("dshah_resume").setVisible(false);
}
}
F O L L O W M E O N S O C I A L M E D I A
================================================================================
Follow my other channel for short content: @DigitalDhruvin
Follow me on Instagram: https://www.instagram.com/powerplatformguy/
Looking for a Consultancy? Connect Here! https://powerplatformtrainings.com/contact/
Follow me on all social Media Handles: https://linktr.ee/dhruvin.shah

#ModelDrivenPowerApps #PowerApps #PowerPlatform #digitaldhruvin #dhruvinshah #poweraddicts