Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions power-apps/keyboard/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
# Keyboard

This custom PowerApps component provides a fully functional virtual keyboard supporting letters, numbers, and special characters. It offers seamless language switching between French and English, making it ideal for multilingual applications and touch-based interfaces. Designed for flexibility and ease of integration, it enhances user input across a wide range of scenarios.

This component is designed to complement the default keyboard, especially on large tablets or touchscreen kiosks 🖥️. It lets you position the keyboard wherever you want 📍, adjust its size 📐, and even customize the keys and colors 🎨 to fit your needs.
Flexibility and user experience first! 🚀



![keyboard](./assets/keyboard.gif)


## Authors

Snippet|Author
--------|---------
Steve Bourdin | [GitHub](https://github.com/SteveBourdin) ([LinkedIn](https://www.linkedin.com/in/steve-bourdin-ab998762/) )

## Minimal path to awesome

Copy the provided **[YAML-file](./source/keyboard.yaml)** code into the Component section of your PowerApps project.
Use the Default property of the component to set an initial text value.
The current value typed using the keyboard is accessible via the component’s Value property.

Once the component is placed on a canvas screen, to test it:
- Add a text input control.
- Set the Value property of the input to keyboard.Value.
- Set the Default property of the keyboard component to the value of the input control (e.g., TextInput1.Text).


## Code
**[YAML-file](./source/keyboard.yaml)**


## Disclaimer

**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.**

<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-snippets/power-apps/keyboard" aria-hidden="true" />
Binary file added power-apps/keyboard/assets/keyboard.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 52 additions & 0 deletions power-apps/keyboard/assets/sample.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
[
{
"$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json",
"name": "pnp-powerplatform-snippets-keyboard",
"version": "1.0.0.0",
"source": "pnp",
"creationDateTime": "2025-04-29T00:00:00.000Z",
"updateDateTime": "2025-04-29T00:00:00.000Z",
"title": "Keyboard",
"shortDescription": "A keyboard for PowerApps",
"longDescription": [
"This custom PowerApps component provides a fully functional virtual keyboard supporting letters, numbers, and special characters. It offers seamless language switching between French and English, making it ideal for multilingual applications and touch-based interfaces. Designed for flexibility and ease of integration, it enhances user input across a wide range of scenarios."
],
"url": "https://github.com/pnp/powerplatform-snippets/tree/main/power-apps/keyboard/",
"products": [
"Power Platform",
"Power Apps",
"powerplatform-snippets",
"power-apps-snippets"
],
"tags": [
],
"categories": [
],
"metadata": [
{
"key": "Product",
"value": "Power Apps"
},
{
"key": "Type",
"value": "Snippet"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://raw.githubusercontent.com/pnp/powerplatform-snippets/62453fde084d0904826ecec20b9f54bf05acee38/power-apps/keyboard/assets/keyboard.gif",
"alt": "Preview PNG"
}
],
"authors": [
{
"gitHubAccount": "SteveBourdin",
"name": "Steve Bourdin",
"pictureUrl": "https://github.com/SteveBourdin.png"
}
]
}

]
Loading