• Privacy Policy
Saturday, December 2, 2023
Platforms of Power
  • Home
  • About Me
  • Power Platform DLP
No Result
View All Result
Platforms of Power
No Result
View All Result
Home General

How To Add Emoji’s To Your Power Apps!

An easy way to add some fun to your UI

Craig White by Craig White
September 28, 2023
Add emoji's to Power Apps thumbnail

Who doesn’t love emoji’s?! They’ve been around for years and very common place across digital platforms, the Power Platform is no different. This article will show you how to add them to your canvas apps and show some possible use cases. Let’s add some fun to our design and user experiences!

Table of Contents

  • How to add emoji's
  • A few examples

How to add emoji's

In canvas apps, emoji’s are text-based. This means you need to interact with text-based inputs in controls to leverage them. This could be things like the text property of a Text Label control or the default property of a Text Input control.

I’ve added a label control to my Power App. To access the emoji’s, I’ll need to have the Text property selected:

Remove the existing text. With your cursor in the fx bar for the Text property, on your keyboard, hold down the Windows key and press the period/full stop key:

You’ll then see the following box appear, where you can search for and add emoji’s and other symbols:

Easy, right? Just to clarify, these are text-based entries so you’ll need to wrap whatever emoji’s within double quotes. Without them, you’ll get the red squiggly line of doom:

With double quotes either side:

A few examples

Here’s a couple of quick examples that I’ve found myself using more and more.

The Hint Text property on Text Input controls is great for things like a Search emoji:

The Text property for buttons also work, such as this Floppy Disc emoji:

If you caught my previous post on making a two-level menu component, you’ll have seen use of emoji’s there to liven up the menu:

You can also inject some personality into drop downs, combo boxes, radio controls and list boxes:

				
					ClearCollect(colEmojis,
[
    "🧠 Brain",
    "🫀 Heart",
    "🫁 Lungs",
    "🦄 Unicorns"
])
				
			


A quick note if you use these – they can render differently depending on the device used. Please keep that in mind when adding to your Apps.

A really quick & simple way to breath some life into your canvas apps. Hopefully you can find a good excuse to use them and if you have any other useful scenarios, please let me know in the comments below! 

If you liked this article and want more epic Power Platform stuff to land in your inbox every week, don’t forget to subscribe 😊

Tags: Power AppsPower FxPower Platform
Craig White

Craig White

Next Post
Power Platform DLP Introduction thumbnail

Power Platform DLP Introduction

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Subscribe to our Newsletter

Hi there 👋
It’s nice to meet you.

Sign up to receive regular, awesome content in your inbox!

We don’t spam! Read our privacy policy for more info.

Check your inbox or spam folder to confirm your subscription.

Categories

  • Bloom Beauty
  • Community
  • General
  • Guardrails
  • Personal Projects
  • Power Bytes
  • Tips tricks and hacks
Platforms of Power

© 2023 Platforms of Power

Navigate Site

  • Home
  • About Me
  • Power Platform DLP
  • Privacy Policy

Follow Me

No Result
View All Result
  • Home
  • About Me
  • Power Platform DLP
  • Privacy Policy

© 2023 Platforms of Power