User Controls in Power App

Loading

Combo box :-

A Combo box control allows you to search for items you will select. A control that allows users to make selections from provided choices. Supports search and multiple selections.

Here i am connecting a SharePoint list “products1.1”

I have connected a combo box and drop down in items property . where the items will be displayed from Title column in products list.

When we run the app the selections in combo box and drop down as shown below.

Here we can select multiple items at a time in a combo box. we can search for the items in a specific column which is connected to a combo box.

But in drop downs we can’t select multiple items at a time. we can’t even search for the items in the drop downs instead we can select an item.

Date picker :- A control that the user can select to specify a date. It automatically display today date and you can change it by running the app.

If you want to empty the box you can remove the today() formula in the default property. Though you deleted the text in default property the hint text will appear on the combo box. we can remove the hint text by selecting “Input text placeholder” and removing the function in that property.

The other properties for date picker include Start week, start year, end year, Date time zone e.t.c.

List Box :- A List Box control always shows all available choices (unlike a Drop down control) and in which the user can choose more than one item at a time (unlike a Radio control).

Check box :- A control that the user can select or clear to set its value to true or false.

It won’t receive an item collection it just takes a particular item in a list based on the formula .

Here we have displayed an item in the Title column which is 4rt item in the list by using a lookup function.

Lookup(‘products1.1, ID=4). Title

Lets check onselect, oncheck and onuncheck properties

onselect event :- Updatecontext({onselvar:onselvar+1})

oncheck event :- Updatecontext({onchecvar:”check”})

onuncheck event :- updatecontext({onchecvar:”uncheck”})

Here i have taken two text labels in which i have added oncheck and onuncheck variables..

The result will be shown as in figure when you select or unselect the count will increase.

Toggle button :- A toggle button. As the name suggests, it refers to a control used for switching (or toggling) between two or more states or options.

lect only one at a time.

A Radio control, a standard HTML input control, is best used with only a few, mutually exclusive options.

The control can have a horizontal or vertical layout.

we can also change the text in radio button in the text event that may be true or false text.

It also has more options like onselect event, onchange, oncheck and onuncheck.

Back() and Navigate() :- Back() function will be used to go to back screen .

Navigate function will be used to navigate to different screens in an app.

Leave a Reply

Your email address will not be published. Required fields are marked *