cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
JeffGimo
Resolver II
Resolver II

Multi Color Background Fill

Is it possible to use a multi color background? I have this text below

JeffGimo_0-1607369093574.png

 

Is it possible to use this background instead from light color to darker?

JeffGimo_1-1607369148211.png

 

1 ACCEPTED SOLUTION

Accepted Solutions
GarethPrisk
Resident Rockstar
Resident Rockstar

It depends on what you mean by 'Background'

 

For backgrounds, you simply need an image that is appropriately sized/scaled. This can accomplish the fade goal, that you need. Ideally, this would be an SVG, to allow it to scale regardless of screen size.

 

For controls, you will be limited to a complete color for the entire property (fill, color, etc.). That being said, you can very easily layer an Image control (with your fancy coloring), behind a control (like a button), and make the top-most control transparent (so the image is shown through).

 

Samples below, and app attached.

GarethPrisk_0-1607371828472.png

GarethPrisk_1-1607371945864.png

 

To create an SVG from your PNG

  1. Resize the PNG image to be square (maybe 240x240)
  2. Use a tool like https://editor.method.ac/
  3. Add the PNG image; and size appropriately
  4. Save As/Export as SVG

View solution in original post

1 REPLY 1
GarethPrisk
Resident Rockstar
Resident Rockstar

It depends on what you mean by 'Background'

 

For backgrounds, you simply need an image that is appropriately sized/scaled. This can accomplish the fade goal, that you need. Ideally, this would be an SVG, to allow it to scale regardless of screen size.

 

For controls, you will be limited to a complete color for the entire property (fill, color, etc.). That being said, you can very easily layer an Image control (with your fancy coloring), behind a control (like a button), and make the top-most control transparent (so the image is shown through).

 

Samples below, and app attached.

GarethPrisk_0-1607371828472.png

GarethPrisk_1-1607371945864.png

 

To create an SVG from your PNG

  1. Resize the PNG image to be square (maybe 240x240)
  2. Use a tool like https://editor.method.ac/
  3. Add the PNG image; and size appropriately
  4. Save As/Export as SVG

Helpful resources

Announcements
Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on August 17, 2022 at 8am PDT.

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Users online (3,457)