How to use Gradient Text in Power Apps

This article demonstrates how you can easily add Texts with gradient colors in Microsoft Power Apss (Canvas App) from PowerAppGallery.

With HTMLText element in Microsoft Power Apps, you can easily add gradient color to text, even with limited HTML and CSS knowledge, in just 3 simple steps.

1. Edit Text

Please enter the text in the given box that you would like to create. You will see the text immediately change to match what you have entered. Click on the 'copy' icon in the top right corner to copy the HTML content to the clipboard.

Gradient Text for Microsoft Power Apps

2. Add HTMLText in Power Apps

Go to Power Apps and add an 'HTMLText' element to your Power App screen. Then, navigate to the HTMLText property of the element and paste the copied HTML code.

Edit HTMLText property in Power App and paste the copied code

3. Adjust Font and Size

You can simply adjust the Font and Size from the right side panel according to your needs.

Edit HTMLText property in Power App and paste the copied code