1- # Upload File
1+ # Activity Feed
22
3- Displays a real-time feed of activities such as posts, comments, status updates. Great for collaboration and keeping users informed.
3+ A Activity feed UI that displays a real-time style activity feed which is perfect for showing updates such as appointments, tasks, or status changes.
4+ Great for collaboration scenarios and keeping users informed.
45
56
67
7- ![ Upload File ] ( ./assets/activityfeed.jpg )
8+ ![ Activity Feed ] ( ./assets/activityfeed.jpg )
89
10+ ## ✨ Features
911
12+ - Clean, vertical timeline layout
13+ - Supports ** HTML** in descriptions
14+ - Automatically sorts items by date (newest first)
15+ - Easy to import with a simple YAML snippet
16+ - Works with collections, Dataverse, or API data sources
1017
1118## Authors
1219
1320
1421
15- Snippet|Author
16-
22+ Author|Socials
1723--------|---------
18-
1924Summit Bajracharya | [ GitHub] ( https://github.com/summitbaj ) ([ @summitbajracharya ] ( https://www.linkedin.com/in/summitbajracharya ) )
2025
2126
@@ -24,16 +29,49 @@ Summit Bajracharya | [GitHub](https://github.com/summitbaj) ([@summitbajracharya
2429
2530
2631
27- 1 . Open your canvas app in ** Power Apps**
28- 1 . Copy the contents of the ** [ YAML-file] ( ./source/activityfeed.yaml ) **
29- 1 . Click on the three dots of the screen where you want to add the snippet and select "Paste code"
32+ Follow these steps to start using the Activity Feed snippet:
3033
34+ 1 . Open your ** Canvas App** in Power Apps.
35+ 2 . Copy the contents of the ** [ activityfeed.yaml] ( ./source/activityfeed.yaml ) ** file.
36+ 3 . Select the screen where you want to insert the control, click the ** three dots (…)** , and choose ** Paste code** .
37+ 4 . Add sample data (see below) or connect your own source.
38+ 5 . Done!
3139
3240
33- ## Code
3441
42+ ## Preparation
43+ To help you test the Activity Feed quickly, add this sample collection to ** App OnStart** or any button’s ** OnSelect** :
3544
45+ ```
46+ ClearCollect(
47+ colActivity,
48+ {
49+ Name: "New Product Presentation",
50+ Date: DateValue("12/25/2025"),
51+ Details: "You have an upcoming task"
52+ },{
53+ Name: "Finish the presentation",
54+ Date: DateValue("11/25/2025"),
55+ Details: "You have an upcoming task with <b>John Doe</b>"
56+ },{
57+ Name: "New Product Presentation",
58+ Date: DateValue("11/05/2025"),
59+ Details: "You have an upcoming appointment with <b>John Doe</b>"
60+ },{
61+ Name: "Invite Acme to the next month",
62+ Date: DateValue("9/25/2025"),
63+ Details: "You have an upcoming task"
64+ }
65+ )
66+ ```
67+ The gallery in the YAML snippet uses:
68+ ```
69+ Items = Sort(colActivity, Date, SortOrder.Descending)
70+ ```
71+ Replace ** colActivity** with any source you prefer.
3672
73+ ## YAML Snippet
74+ Copy and paste the YAML code below into your canvas screen (right-click → Paste):
3775``` YAML
3876
3977- conTimelineMain :
0 commit comments