Skip to content

Commit 9a6c990

Browse files
authored
Update README.md
This update adds a sample colActivity collection to the README so users can easily test the snippet, and expands the usage instructions to clarify how to paste and work with the YAML code. The documentation has been refined for clarity and completeness based on the PR feedback.
1 parent ee2d345 commit 9a6c990

File tree

1 file changed

+48
-10
lines changed

1 file changed

+48
-10
lines changed

power-apps/activity-feed/README.md

Lines changed: 48 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,26 @@
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-
1924
Summit 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

Comments
 (0)