CanvasTimelinePCF is a custom Power Apps component framework (PCF) control based on the vis-timeline library. It allows users to visualize and interact with time-based data within Power Apps Canvas.
Watch the demo on YouTube: CanvasTimelinePCF Demo
Watch the speed run installation of the PCF on YouTube: Speed Run Install PCF
- Interactive timeline visualization
- Customizable item styles
- Integration with Power Apps Canvas
- Node.js
- Power Apps CLI
- Clone the repository:
git clone <repository-url> - Navigate to the project directory:
cd src - Install dependencies:
npm install
To start the development server:
npm start watch
To build the project:
npm run build
To push the control to Power Apps:
pac pcf push
I've not found a reliable method for exporting to zip file (vsCode and PA CLI), currently terminating publishing before file clean up to get the zip package.
After deployment, add the CanvasTimelinePCF control to your Power Apps Canvas and bind it to your data source.
Settings>Display>Scale to fit: off
Contributions are welcome.
We need:
- Someone with Github experience
- Someone with better typescript skills than me :/
This project is licensed under the MIT License - see the LICENSE file for details.
- vis-timeline library for providing the foundational timeline functionality.
- cursor.sh Best IDE
- Scott Durow