Formatting a selected Gallery item

[tom_garvin]

I am trying to reverse-engineer the PDF Viewer sample app. As shown below, selection of a Gallery item makes several visual enhancements visible. Can anyone clue me in on how this is accomplished? I don't see any "OnSelect" formulas, and when I create my own gallery, I don't get these effect.

[v-monli-msft]

Hi @tom_garvin,

I don't see any PDF viewer sample app on the list.

Would you explain where did you get the sample app?

Regards,

Mona

[tom_garvin]

PDF Reader in templates for tablets.

Note that my question is not specific to the PDF sample, rather highlighting of a selected Gallery item.

This is much more important on a larger screen, where the selection list (gallery)

[CarlosFigueira]

You can use the 'IsSelected' property of the ThisItem operator within the gallery to know when the element is selected.

For example, in the app you mentioned, I imagine the formulas look somewhat like the ones below:

Gallery1.TemplateFill: If(ThisItem.IsSelected, Color.LightBlue, Color.White)
TitleLabel.FontWeight: If(ThisItem.IsSelected, FontWeight.Bold, FontWeight.Normal)
AuthorLabel.FontWeight: If(ThisItem.IsSelected, FontWeight.Bold, FontWeight.Normal)

[tom_garvin]

Sounds like a clue, but where does this "Gallery1.TemplateFill" formula reside?

I have looked, in vain, at a dozen possible locations.

Please bear in mind, I'm transitioning from 20+ years of writing event-driven VBA code. In that scenario, I respond to the event. 

In this scenario, the formula is lurking somewhere and takes effect, almost like magic, but only if you know the trick.

[CarlosFigueira · Accepted solution]

If you select the gallery, select the formula bar and you'll see the TemplateFill property there:

[tom_garvin · Accepted solution]

Thanks, I see this now.

My confusion arises because for this particular sample, highlighting of the selected gallery item was handled differently. There are several boxes and rectangles which use the formula shown below.

It was a "learning experience" for me in tracing this behavior, I would have expected visual properties to be editable on the "Properties" tab, rather than "Advanced".

But since this is dynamic behavior. "fx" makes sense. But even there, as a newbie, I failed to click "more options" and then scroll down another page or two.