Answered

Nesting PCF inside flexible gallery

(0) Share

Report

Posted on by PunkyLama

Hi everyone,

I create a PCF with generated HTML according to an input text as parameter. I have an output parameter how give me the height of the generated HTML. This output parameter is refreshed each time the input text changes.

I'm looking to nest my PCF inside a flexible height gallery in order to have each row as height as my output height parameters. I use my output parameter to define the value of my PCF height property.

Actually, all the gallery row's are using the PCF output parameter of the first row. When I'm using my component outside the gallery everything work like a charm.

I presume their's some kind of refresh problem inside the gallery. Does anybody have ever faced this problem ?

Thank you all.

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (4)

Answers (2)

Sort by

cchannon 4,702 Moderator on at

Like (0)

Report
Copy link

Link copied!

The notifyoutputchanged event is referenceable in canvas app as <controlname>.output

Make your heights (or anything else you want to be dynamic based upon PCF outputs) dependent on this, and you should be able to get the dynamic behavior you are looking for.

Was this reply helpful? Yes No
PunkyLama 9 on at

Like (0)

Report
Copy link

Link copied!

I've already set the notifyoutputchanged event. And it doesn't change anything, maybe I call wrongly the event ?
It's called in my updateView like this at the end :
And in my getOutputs :
Like this I can use the reference in canvas app as you said, but it's return again the same value for each row.

P.S. When I open the Chrome DevTools my console give me 4 times the same height when I'm in looking the canvas app (In my test I have 4 rows).

Was this reply helpful? Yes No
Verified answer

cchannon 4,702 Moderator on at

Like (1)

Report
Copy link

Link copied!

notifyoutputchanged doesn't itself change anything. It simply notifies the containing context (canvas app, in this case) that an updated value is available, and that context calls the getOutputs function in return.

In your Canvas App, you then need to attach to this event, by associating the height of your gallery to <componentname>.output

Separately from that, if you're getting the same values for each row, you should look at your HTML and ensure things like, "is that Id really unique?"

Was this reply helpful? Yes No
Verified answer

aroudaki Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!

you need to give the div a unique id.
this line will always return the first div with "DivOutput" id.

Was this reply helpful? Yes No