This presents a set of custom controls built for Connected Factory Worker applications using the new PowerApps component feature for Canvas apps. As a prerequisite, check out the following blog posts
- Yifie Wang’s Introducing Canvas components
- Mehdi Slaoui Andaloussi’s 10 Reusable Components: tab control, calendar, dialog box, map control and more
- Brian Dang’s Components: Start your Journey with Reusable Controls
- Adam Toth’s PowerApps Design – Create a Digital Alarm Clock Display
and docs
- Power Apps docs Create a component for canvas apps
The Connected Factory Worker application is a set of application used by the factory operator addressing specific use cases to simplify their daily job to check, track and review standard operation using mobile device.
The Connected Factory Worker Standard Components is a set of Power Apps Canvas components shared to the factor operators who can build now their specific standard operation app based on common UI pattern and Common Data Model exposed by the Common Data Services.
The Home Screen shares common UI pattern like application context (factory, service line center, line, machine center, user and date), operation navigation steps and system info (line and machine center).
To simplify factory operator’s navigation to find relevant tags (reported issues or non-adherence) within the factory, we introduced the concept of show factory layout image and map tags to the layout. Two components are supporting the pattern to capture a position for a specify new tag and to view a list of tags linked using their relative position within the layout image.
View a list of tags linked using their relative position:
Capture a position for a specify new tag linked to layout relative position:
Static control shows operators their factory context based on selected factory, service line center, line and machine center including visuals for line and machine center.
| Property | Description |
|---|---|
| Logo | Company logo image |
| AppName | Application name |
| SelectedFactory | Context factory name |
| SeletcedSLC | Context service line center name |
| SelectedLine | Context line name |
| SelectedMachineCenter | Context machine center name |
| SelectedPackSize | Context pack size name |
| SelectedLineImage | Context layout image of the selected line |
| SelectedMachineCenterImage | Context image of the selected machine center |
| Color | Accent header background color |
| UserImage | Logged in user image (ex. User().Image) |
| UserName | Logged in username (ex. User().FullName) |
| UserAccount | Logged in user account name / email (ex. User().Email) |
Simplified menu control reduced to show process step (screens) within the application context.
| Property | Description |
|---|---|
| Logo | Company logo image |
| AppName | Application name |
| Property | Description |
|---|---|
| Logo | Company logo image |
| AppName | Application name |
| Property | Description |
|---|---|
| SetX | Starting X coordinate (can be empty for new tag) |
| SetY | Starting Y coordinate (can be empty for new tag) |
| Property | Description |
|---|---|
| Logo | Company logo image |
| AppName | Application name |
| Property | Description |
|---|---|
| Logo | Company logo image |
| AppName | Application name |
Give it a try ! We would love to hear your feedback. We have more open-source components on the PowerApps Tools github repository