|
1 | | ---- |
2 | | -page_type: sample |
3 | | -languages: |
4 | | -- powerapps-comma |
5 | | -products: |
6 | | -- powerapps |
7 | | -- canvas |
8 | | -name: Calendar Component |
9 | | -description: A re-usable component that allows you to display events in a calendar. |
10 | | -urlFragment: powerapps-calendar-component |
11 | | -ms.date: 5/5/2021 |
12 | | -author: aprildunnam |
13 | | -ms.author: pnp |
14 | | -level: intermediate |
15 | | -ms.prod: power-apps |
16 | | ---- |
17 | | - |
18 | 1 | # Calendar Component |
19 | 2 |
|
20 | | -## Summary |
21 | | - |
22 | | -A re-usable component that allows you to display events in a calendar. |
23 | | - |
24 | | - |
25 | | - |
26 | | - |
27 | | -## Applies to |
28 | | - |
29 | | -* [Microsoft Power Apps](https://docs.microsoft.com/powerapps/) |
30 | | - |
31 | | -## Compatibility |
32 | | - |
33 | | - |
34 | | - |
35 | | - |
36 | | - |
37 | | - |
38 | | - |
39 | | -## Authors |
40 | | - |
41 | | -Solution|Author(s) |
42 | | ---------|--------- |
43 | | -Calendar Component | [April Dunnam](https://github.com/aprildunnam) ([@aprildunnam](https://www.twitter.com/aprildunnam) ) |
44 | | - |
45 | | -## Version history |
46 | | - |
47 | | -Version|Date|Comments |
48 | | --------|----|-------- |
49 | | -1.0|May 5, 2021|Initial release |
50 | | - |
51 | | - |
52 | | -## Features |
53 | | - |
54 | | -This sample illustrates the following concepts: |
55 | | - |
56 | | -* Creating a Power Apps component |
57 | | -* Using a Power Apps component |
58 | | - |
59 | | -## Prerequisites |
60 | | - |
61 | | -### Using the component |
62 | | - |
63 | | -To use the component in this sample, you'll need to pass events to display in the calendar. |
64 | | - |
65 | | -You can do this by connecting to a data source which provides a `Date`, a `Title` and a `Time` field, or you can manually create entries and pass them as a `Table`, as follows: |
66 | | - |
67 | | -```excel |
68 | | -Table( |
69 | | - { |
70 | | - Date: "5/3/2021", |
71 | | - Title: "Meeting", |
72 | | - Time: "2:30pm" |
73 | | - }, |
74 | | - { |
75 | | - Date: "5/4/2021", |
76 | | - Title: "MBAS PVA", |
77 | | - Time: "1:00pm" |
78 | | - }, |
79 | | - { |
80 | | - Date: "5/5/2021", |
81 | | - Title: "PnP AMA Power Platform", |
82 | | - Time: "3:00pm" |
83 | | - } |
84 | | -) |
85 | | -``` |
86 | | - |
87 | | -## Data Sources |
88 | | - |
89 | | -None |
90 | | - |
91 | | -## Minimal Path to Awesome |
92 | | - |
93 | | -* [Download](./solution/calendar-component.msapp) the `.msapp` from the `solution` folder |
94 | | -* Use the `.msapp` file using **File** > **Open** > **Browse** within Power Apps Studio. |
95 | | -* Save and Publish |
96 | | - |
97 | | -## Using the Source Code |
98 | | - |
99 | | -You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/developer/data-platform/powerapps-cli) to pack the source code by following these steps:: |
100 | | - |
101 | | -* Clone the repository to a local drive |
102 | | -* Pack the source files back into `.msapp` file: |
103 | | - ```bash |
104 | | - pac canvas pack --sources pathtosourcefolder --msapp pathtomsapp |
105 | | - ``` |
106 | | - Making sure to replace `pathtosourcefolder` to point to the path to this sample's `sourcecode` folder, and `pathtomsapp` to point to the path of this solution's `.msapp` file (located under the `solution` folder) |
107 | | -* Use the `.msapp` file using **File** > **Open** > **Browse** in Power Apps Studio. |
108 | | - |
109 | | -## Disclaimer |
110 | | - |
111 | | -**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** |
112 | | - |
113 | | - |
114 | | -## Support |
115 | | - |
116 | | -While we don't support samples, if you encounter any issues while using this sample, you can [create a new issue](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20). |
117 | | - |
118 | | -For questions regarding this sample, [create a new question](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20). |
119 | | - |
120 | | -Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20). |
121 | | - |
122 | | -## For more information |
123 | | - |
124 | | -- [Create a component for canvas apps](https://docs.microsoft.com/powerapps/maker/canvas-apps/create-component#components-in-canvas-apps) |
125 | | -- [Overview of creating apps in Power Apps](https://docs.microsoft.com/powerapps/maker/) |
126 | | -- [Power Apps canvas apps documentation](https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/) |
127 | | - |
128 | | -<img src="https://telemetry.sharepointpnp.com/powerapps-samples/samples/calendar-component" /> |
| 3 | +This sample has been moved to [here](https://github.com/pnp/powerplatform-samples/tree/main/samples/calendar-component). |
0 commit comments