Skip to main content

Power Apps how to configure using blank screens

Power Apps how to configure using blank screens

Using PowerApps, you can quickly build custom business apps that connect to your business data stored either in the underlying data platform (Common Data Serviceor in various online and on-premises data sources (SharePoint, Excel, Office 365, Dynamics 365, SQL Server, and so on).

Lets learn from scratch how to create an power app using databases available using "Common Data Services".

Create a canvas app from scratch using Common Data Service

When you build an app from Common Data Service, you don't need to create a connection from PowerApps, as you do with data sources such as SharePoint, Dynamics 365, or Salesforce. You need only to specify the entities that you want to show or manage in the app.

Prerequisites


Open a blank app

  1. Sign in to PowerApps.
  2. Under Make your own app, select Canvas app from blank.
    Blank-app tile
  3. Specify a name for your app, select Phone, and then select Create.
    You can build an app from scratch for tablets, but this topic shows building an app for phones.

Specify an entity

  1. In the middle of the screen, select connect to data.
  2. In the Data pane, select Common Data Service, select the Accounts check box, and then select Connect.
  3. Close the Data pane by selecting the close icon in the upper-right corner.

Add a list screen

  1. On the Home tab, select the down arrow for New screen, and then select List.
    Add a list screen
  2. In the left navigation bar, select BrowseGallery1, and then set the value of the Items property to this formula:
    SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))
    This formula specifies that:
    • The gallery should show data from the Accounts entity.
    • The data should be sorted in ascending order until a user selects the sort button to toggle the sort order.
    • If a user types or pastes one or more characters into the search bar (TextSearchBox1), the list will show only those accounts for which the name field contains the characters that the user specified.
      You can use these and many other functions to specify how your app appears and behaves.
      Set the gallery's Items property
  3. Set the gallery's layout to show only the name of each account, and configure the title bar to show the word Browse, as Customize a gallery describes.
    Browse screen
  4. In the left navigation bar, hover over Screen1, select the ellipsis icon (...), and then select Delete.
  5. In the left navigation bar, hover over Screen2, select the ellipsis icon (...), and then select Rename.
  6. Type or paste BrowseScreen, and then rename the gallery in that screen as BrowseGallery.
    Rename Browse screen, gallery

Add a form screen

  1. Repeat the first step of the previous procedure, except add a Form screen instead of a List screen.
  2. Set the form's DataSource property to Accounts and its Item property to BrowseGallery.Selected, as the Advanced tab of the right-hand pane shows.
    Set the form's Datasource and Item property
  3. On the Properties tab of the right-hand pane, select Edit Fields to open the Fields pane.
  4. Select Add field, and then select the check boxes for these fields:
    • Account Name
    • Address 1: Street 1
    • Address 1: City
    • Address 1: ZIP/Postal code
    • Number of Employees
    • Annual Revenue
     Note
    Outside of this scenario, you can create a custom field by selecting New field, providing the required information, and then selecting Done. More information: Create a field.

  5. Select Add.
  6. Set the title bar's Text property to show Create/Edit.
    The screen reflects your changes.
    Set the form's Datasource and Item property
  7. Rename this screen FormScreen.

Configure icons

  1. On the BrowseScreen, set the OnSelect property of the circular icon near the top of the screen to this formula:
    Refresh(Accounts)
    Refresh icon
  2. Set the OnSelect property of the plus icon to this formula:
    NewForm(EditForm1); Navigate(FormScreen, ScreenTransition.None)
    Add icon
  3. Set the OnSelect property of the first arrow pointing to the right to this formula:
    EditForm(EditForm1); Navigate(FormScreen, ScreenTransition.None)
    Next icon
  4. On the FormScreen, set the OnSelect property of the cancel icon to this formula:
    ResetForm(EditForm1);Navigate(BrowseScreen, ScreenTransition.None)
    Cancel icon
  5. Set the OnSelect property of the checkmark icon to this formula:
    SubmitForm(EditForm1); Navigate(BrowseScreen, ScreenTransition.None)
    Checkmark icon
  6. On the Insert tab, select Icons, and then select the Trash icon.
  7. Set the Trash icon's Color property to White and its OnSelect property to this formula:
    Remove(Accounts, BrowseGallery.Selected); Navigate(BrowseScreen, ScreenTransition.None)
    Trash icon

Test the app

  1. In the left navigation bar, select BrowseScreen, and then open Preview by pressing F5 (or by selecting the play icon near the upper-right corner).
    Open Preview
  2. Toggle the list between ascending and descending sort orders, and filter the list by one or more characters in the account name.
  3. Add an account, edit the account that you added, start to update the account but cancel your changes, and then delete the account.

Comments

Popular posts from this blog

Powerapps overcome 2000 item limit from any datasource

First go through delegation concept https://tejasadventure.blogspot.com/2020/05/power-apps-understanding.html In powerapps, we observe by default 500 item limit has set with in the app level for any data source. In order to overcome, we have option to set the limit of 2000 item limit maximum in the app. Now using code, MaximoFacility is my data source name contains 3000 items. ColFacilityDropdown is the collection storing the count of items from data source. We expect to see more than 2000 items. Based on StartWith function filtering the data with respective to the charectors and numbers as mentioned below. Code: Place the below code in a button on select property. Add label with code CountRows(ColFacilityDropdown) ClearCollect(ColFacilityDropdown,Filter(Filter(MaximoFacility, Status = "ACTIVE"), StartsWith( Title, "A" ))); Collect(ColFacilityDropdown,Filter(Filter(MaximoFacility, Status = "ACTIVE"), StartsWith( Title, "B" ))); Collect(ColFacilit...

PowerApps multiselect cascading dropdown and save an item to SharePoint List

 I have one scenario as below List 1: Division List has title field List 2: District List has Title and Division Field(LookUp from Division List) List 3: Facility List has Title, District Field(LookUp field from District List) List 4: County List has Title, Facility Field(LookUp field from Facility List) Main List: Spill Report is the main list  Division Field( Look up from Division List) District Field(Look up field from District List) Facility Field(Look up field from Facility List) County Field(Look up field from County List) List Screenshots provided below can be refered for clarification. ----------------------------------------------------------------------------------------------------- PowerApps Canvas Apps In Power Apps Canvas App, We need to first design the app with the 4 respective fields Since those fields are multiselect, then it is to combo box. Generally power apps are not supported for multiselect cascasding dropdown. Refere microsoft documentation, Know Limit...

Creating SharePoint List with columns and content types using Power Automate Flow

 Rest API Uri: https://gitbrent.github.io/SpRestLib/blog/2018/04/20/create-sharepoint-list-columns-using-rest.html Create SharePoint List: site address: Enter URL method: Post URi: /_api/web/lists headers: Accept:application/json;odata=verbose Content-Type:application/json;odata=verbose Body: {   "__metadata": {"type": "SP.List"},   "AllowContentTypes": true,   "BaseTemplate": 100,  "Description": "Admin configuration list",  "Title": "AdminConfigList" } -------------------------------------------------------------------------------------- Multi line text field: create a multiline text column: Site URL: Target Site URi: _api/lists/getbytitle('CI_CompanyNews')/fields Type: POST Body: {     '__metadata': {'type':'SP.Field', 'addToDefaultView': 'true' },     'FieldTypeKind': 3,     'Title': 'Blurb' } Headers:  Accept:application/...