Answered

PCF property types and output

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

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 Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (1)

Sort by

cchannon 4,702 Moderator on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

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:

Was this reply helpful? Yes No
Verified answer

Diana Birkelbach 3,072 Most Valuable Professional on at

Like (2)

Report
Copy link

Link copied!

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!

Was this reply helpful? Yes No