{"id":13053,"date":"2018-10-01T18:30:38","date_gmt":"2018-10-01T13:00:38","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=13053"},"modified":"2018-10-01T18:30:38","modified_gmt":"2018-10-01T13:00:38","slug":"powerapps-alter-components-properties-based-off-of-other-fields-value-using-rules","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2018\/10\/powerapps-alter-components-properties-based-off-of-other-fields-value-using-rules\/","title":{"rendered":"PowerApps \u2013 Alter Component(s) properties based off of other field(s) value using Rules"},"content":{"rendered":"

Introduction:<\/strong><\/h2>\n

We all know, PowerApps, helps you build business apps.<\/p>\n

The potential that PowerApps beholds is humongous.<\/p>\n

PowerApps can help us build an app as basic as a Survey App or maybe a complex one which could have a potential of being a calculator.<\/p>\n

Well! This blog post is dedicated to describing one of the most basic yet powerful piece of PowerApps, \u201cRules\u201d.<\/p>\n

Consider a scenario, you have a Survey App where based on the value of one field you need to show\/hide another field.<\/p>\n

To achieve this, it is as simple as creating a Business Rule in Dynamics 365 Customer Engagement.<\/p>\n

Let\u2019s dive into the nitty-gritty of it.<\/p>\n

So, we have a field on the Survey App called \u201cReason why you like us?\u201d (As shown in the below screenshot) it is a drop-down field. If the user were to select the value \u201cOthers\u201d, it\u2019ll show a text area for the user to write down his comments. If the user selects any other value then the text area for the comments would get hidden.<\/p>\n

\"1PowerApps\"<\/p>\n

Let\u2019s see how to achieve this,<\/p>\n

Step 1:<\/h2>\n

Select your component (in my case it is the Text Area), go to the Rules section on the right-hand side, click on + New rule.<\/p>\n

\"PowerApps<\/p>\n

Step 2:<\/h2>\n

You\u2019ll get a screen, type in your condition. In my case, I wanted to base my logic off of the Drop-Down value. If \u2018Others\u201d is selected show the Text Area otherwise hide the Text Area.<\/p>\n

\"PowerApps<\/p>\n

Step 3:<\/h2>\n

Now, comes the step to apply our Action. Click on Define actions, it\u2019ll take you to the app screen.<\/p>\n

\"PowerApps<\/p>\n

Here, you need to select the field on which you want to perform the action (in my case it the text area) and also we need to define the action (in my case it to set the visibility).<\/p>\n

\"5PowerApps\"<\/p>\n

In order to set the action to Visibility True, click on the Visible property (you might have to toggle the value in order to get your desirable output) on the right hand side and then click on Done at the top.<\/p>\n

Once, it is done, you\u2019ll see the action as below.<\/p>\n

\"6PowerApps\"<\/p>\n

Step 4:<\/h2>\n

It\u2019s time to define the else part of the above logic.<\/p>\n

\"8powerapps\"<\/p>\n

Note:<\/em><\/strong><\/p>\n