Skip to main content

Creating News Application using Flow and Power Apps ( Part -2 )

 Creating PowerApps Screen to view the latest  news.

This is continuation of Previous Article . Please have look into it if you missed my previous article. 

Step 1 :-

                 Login to the PowerApps -> Create an app from Blank using Phone Layout.Add Header and Footer using labels -> Add a Refresh Icon from Icons menu. Set the Refresh Icon OnSelect property to this code.

 ClearCollect(test12,'Flowname'.Run());

-- test12 is collection name.

--Once user press Refresh icon internally it calls the Flow , get the data from Flow in JSON format and stores the data in collection .

**You can either write this formula in OnSelect property/ App OnStart property.**

Step 2 :- 

                Add a Blank Vertical Gallery -> Inside that add another Gallery, choose the layout as Image,Title,Subtitle.

Reason for adding Gallery inside a Gallery is once we retrieve the results from Flow and Store it in Collection. It will store the data like below. 

                                            

It Stores the Articles ( nothing but news details) in Table format. To access that values we are supposed to add Nested Galleries. 

                                        

Step 3 :- 

Set the Gallery 1 Items property -> Collection name ( here it is test12)

Set the Gallery 2 Items property -> Thisitem.articles

In  Gallery -> Title label -> Set the Text property of label to Thisitem.title.

In Gallery -> Subtitle label -> Set the Text property of label to Thisitem.publishedat

In Gallery -> Image -> Set the Image property to Thisitem.urlToImage


******You will See the Screen like below.******


 


Till now we have developed PowerApps Screen[1] .

That's the end of Part-2.😊😊😊😊

In Next Tutorial you will see the PowerApps Screen 2....


Have a Great Day !!! Keep Learning !!!✌👍👍👍

                               


Labels:

Comments

Post a Comment

Popular posts from this blog

Creating News Application using Flow and Power Apps ( Part -1 )

Create a Flow to fetch the latest news from Public API Step 1 :-                      Login to Power Automate using work or School account . Add a PowerApps Trigger - > add HTTP Action card. **You can find public API which are available online for free. Here is the Top Free News API's. News API, Bing News Search API, Bloomberg API etc.... In this Tutorial I am using News API to fetch the latest news. Just Login to News API and generate API Key. Once you Login to the News API there you will see news from different sources. Choose any one of the source. Once you generate the API Key , redirect to the Flow Portal in HTTP Action Card choose the method as GET and paste the URI [ if you choose any one of the source you will get url with API key included in that]. Choose Authentication mode as None. Step 2 :-                     Now Run the Flow. Copy the Output of HT...
Post a Comment
Read more

Using Trigger conditions save the API calls of Flow.

Using Trigger conditions Save the API calls of Flow.  Scenario :-  Trigger a flow when an item is created in SharePoint which includes attachment only .                                 According to the Microsoft official documentation users having Power Automate for office 365/Power Automate per user Plan/ Power Automate per flow Plan will see the difference in API calls.   Usually to achieve this scenario we will create a flow structure like this :- When an item is created -> Condition -> based on the condition will instruct flow to proceed further . If you notice this sample flow it will trigger every time an item is created in SharePoint whether that item includes Attachment or not. Today we are going to learn Trigger a flow only if item contains attachment. Using the Trigger conditions you can save API r...
Post a Comment
Read more