Custom control styling

(2) Share

Report

Posted on by ashlega

103

Hi,

If I wanted to have a custom input control that had some validations, and, possibly, other logic behind it... How would I style it so that it matched the styles of the out-of-the-box controls? (height, width, border, fonts, etc)

Should I just look up the styles on the OOB controls and re-use them? I'm guessing it would not be "supported" since it's just short of working with the HTML. Would not want to re-create the styles in my own css files since, sooner or later, they will get out of sync with the oob styles.

Thanks,

Alex

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (7)

Answers (1)

Sort by

AnqiChen Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!

hi Alex,

It looks like a similar question. This is one way that could achieve this. There definitely could have other ways.

https://powerusers.microsoft.com/t5/PowerApps-Component-Framework/Use-SetNotification-to-show-error-messages/m-p/292977#M246

Anqi

Was this reply helpful? Yes No
ashlega 103 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi Anqi,

thank you for the reply. It seems that's a different question, though. What I am asking is that on the screenshot below I need my Regex Validation custom "input" control to mimic the styles of the out-of-the-box "name" input control. Otherwise, the border is different, yet it does not disappear when the focus moves to another control, the font is not "bold" , etc etc. There might be no easy way to achieve that right now without recreating the styles, but I just wanted to confirm (also, in that case, maybe you would consider exposing default styles so we could reuse them in the PCF?)

Was this reply helpful? Yes No
Verified answer

FilipK Microsoft Employee on at

Like
a
(2)

Report
Copy link

Link copied!

Hi @ashlega there is currently no good way to do this in preview. For GA of PCF, we plan to make these values available to the control developer through our new theming system.

Was this reply helpful? Yes No
AnqiChen Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!

Filip is right, in addition:

If it's simply regex validation, it could use OOB control with clientAPI onchange handler to trigger notification.

Was this reply helpful? Yes No
ashlega 103 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks!

PS. Client API with OOB would work, of course, but I'm mosly just trying to see what's doable with PCF.

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

Like
a
(0)

Report
Copy link

Link copied!

Hey Alex, I was thinking the same thing.. i had a powerapp idea for that:
Re: [Idea] Harness should use standard CRM font

Was this reply helpful? Yes No
ashlega 103 on at

Like
a
(0)

Report
Copy link

Link copied!

Ah... perfect. Just voted (and added a comment asking for a bit more:)) )

Was this reply helpful? Yes No