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

Send Multiple Attachments in Single Email added from Microsoft Forms using Microsoft Flow ( Power Automate)

Recently in forms a new feature has been introduced. Now users can able to add Attachments in Microsoft Forms. Scenario :- When a new response is submitted in Forms using the Flow we are sending an email with that attachments. Mentioned below are the Steps :- Step 1 :- Here is my sample Form. Step 2:- Login to the Flow with your school or work account and create flow like this. When a new response is Submitted -> Get response Details Step 3 :- Click on New Step and add Compose. Add the file Upload as input to the Compose. Now try to run the flow and copy the output of the compose and paste it Notepad for your reference. [You can remove the compose once you copied the code] Step 4:- Add the Parse JSON action card and in the Content add the File upload from dynamic content click on Generate from Sample and past the code and click on done. It will generate the JSON Schema automatically. Step 5:- Now initialize a variable and set the type to Array. Step 6 :- Add Apply To ...
Post a Comment
Read more