PCF property types and output

Like (0) Share

Report

Posted on 21 Oct 2021 21:05:56 by Community Power Pla...

Hello,

I'm currently building a custom dropdown component and have two questions about the properties.

1. How Is it possible to use a color as property-type? The default dropdown in PowerApps uses this Type for all of the Styling props like BorderColor, Fill, etc.

I currently use SingleLine.Text but with this I can't use the RGBA function to define a color.

2. How is it possible to create an output property that works like an object like the output of the default dropdown. There I can use Dropdown.Selected.Value and In can't find a property-type covering Something like this.

Thank you for your time!

Categories:

Power Apps component framework

All responses (3)

Answers (1)

Verified answer

Diana Birkelbach 3,072 Most Valuable Professional on 22 Oct 2021 at 09:06:45

Like (2)

Report

Re: PCF property types and output

Hi @Anonymous ,

so it seems that you target the PCF for a Canvas App.

1. I am not aware of a color type property. I use a SingleLine.Text too. It's true that it won't allow to choose the color from the picker.

2. Let's see if I get your question right.

- You could define the property of type OptionSet with usage="bound". Then you can use the value as both an input and output property (you basically work with the integer "Value" in both directions).

- If you want a property that acts only as output, there is some kind of gray zone: a usage="output". I didn't found it documented, but it's shown in some sdk examples (for instance this one, have a look in the manifest: https://docs.microsoft.com/en-us/powerapps/developer/component-framework/tutorial-create-canvas-dataset-component?WT.mc_id=BA-MVP-5004107).

- If your question is about how the output is looking like: is not an object, but an integer (so the Value).

Hope it helps!
Community Power Pla... on 22 Oct 2021 at 06:23:18

Like (0)

Report

Re: PCF property types and output

The problem ist not which React component I could use but the type of the property. I want to use the same input for "Fill" in my custom component that is used in the default dropdown component:
All I can use at the moment is SingleLine.Text because I can not find a Color property-type:
cchannon 4,702 Moderator on 22 Oct 2021 at 02:00:07

Like (0)

Report

Re: PCF property types and output

I would suggest using the Fluent UI Dropdown component. It exposes a Styles interface (

IDropdownStyles) to props so you can pass it whatever style customizations you want, including colors.