Here, I am defining the icons to be used for each screens. Next, insert any icon from the Insert menu and set its Icon Property to the following code as displayed in the below screenshot. So this will display the name of the app to which the button will navigate before hovering on it. Its Text Property is set to appName which is the custom input property I have created above. I will start adding the three controls Label, Icon and Button in this component.įirst add the Label and rename it to app_lbl. This name inout should be one of the values in the Name column specified in the collection colAppLinks.
This property will be used later to set the name to refer to which screen it should navigate to. I have done it by clicking on New Custom Property in the Properties pane. And the first thing I have added to this component is a custom input property called appName. Now, I will create a New Component called customButtonComponent. This will create a collection named colAppLinks which contains two columns: Name and ScreenName. Now, in the OnStart property of the App component, I will add the below code. I have changed the label Text property to You arrived to Add New User Screen and You arrived to Other Apps Screen respectively. But for the other two screens I will design them simply by adding a New Screen and use the Success template. Let’s keep the Home Screen blank for now. Let’s add three screens in the app: HomeScreen, AddNewUser and OtherApps. To start with this app, let’s create a new Canvas app in the PowerApps Studio. Also, it is assumed that you are familiar with designing screens using various controls. This blog assumes that you have fair understanding of working with PowerApps Studio and it’s features. Custom Buttons with Label and Icon in Action.Screen Navigation using CustomButton components Tabel of contents
0 kommentar(er)
