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 !!!✌👍👍👍