Unanswered

Are there known rendering errors with galleries?

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hi.

I have two important galleries in my app -- one for navigation and another for displaying a list of questions. They work fine most of the time but occasionally, PA renders the templates incorrrectly. I only have observed it using PA Studio but then again, I haven't tested my app rigorously against the web interface yet.

I don't have screenshots of all the weird rendering I get but here's some scenarios.

For example, the objects under the template do not change size according to content so I have this weird spacing.
Normal View:

It sometimes becomes this:
Or the first few members of the navigation gallery get smushed into a space for one such that I have several buttons piled on top of the other. (Notice the navigation on the left side)
Normal View:

Aberrant Views.

Any thoughts?

EDIT. Added screenshots.

EDIT again. Recovered lost screenshot from Chrome cache.

Categories:

Building Power Apps

All responses (10)

Answers (0)

Sort by

v-micsh-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Anonymous,

Thanks for the feedback.

From your screenshots, it seems to be the issue of controls overlapping.

Could you please share more details about how you configured the Control?

Have you configured the Expander control?

Further, please take a try with the Group, see if that would help to fix the position of the controls:

Under PowerApps Studio->Home->Group

Regards,

Michael
Brian Dang 3,976 on at

Like
a
(0)

Report
Copy link

Link copied!

Is that a flexible height gallery or a regular one?
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

@v-micsh-msft --
I know the controls are overlapping but the problem is that behavior occasionally messes up (i.e. most of the time, the gallery items do not overlap). I just want to make user that my users would not see this aberrant behavior.

And no, I have configured an Expander control. It's just a gallery with a ton of label objects in it. And no, I'm not interested in setting up an Expander control.

Also, see below for configuration. It's a tad complicated but I'll do my best.

@mr-dang: I think it's a flexible height gallery. It's been a while since I made the object. Right now, I set Height to be around 100 or so. The gallery members (on regular behavior) either take as much as they need or 100px, depending on which is larger.
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
@v-micsh-msft --
Here's the configuration.

For Items, I've used a context variable called ActiveQuestionList that has a structure similar to this:
{ ID: Text(20), ListID: Text(20), OrderIndex: Int, SectionAbbrev: Text(20), Section: Text(), Question: Text(), AdditionalInstructions: Text(), HintText: Text(), hasWriterResponse: Text(1), hasOIRResponse: Text(1), hasStandardResponse: Text(1), StandardResponseText: Text(), Response: { WorkbookID: Text(20), QuestionID: Text(20), OIRResponse: Text(), WriterResponse: Text() } }
Then, a bunch of textboxes inside the gallery template. For position and sizing properties, here are their usual values.
AutoHeight: True Width: Parent.Width - 50 Height: 100 // Ignored because of AutoHeight X: Some Constant, usu. 20 Y: ElementBefore.Y + ElementBefore.Height + (Some Integer)
Let me know if you need for information.
Brian Dang 3,976 on at

Like
a
(0)

Report
Copy link

Link copied!
@Anonymous wrote:
Then, a bunch of textboxes inside the gallery template. For position and sizing properties, here are their usual values.
AutoHeight: True Width: Parent.Width - 50 Height: 100 // Ignored because of AutoHeight X: Some Constant, usu. 20 Y: ElementBefore.Y + ElementBefore.Height + (Some Integer)
Let me know if you need for information.
I think "flexible height" means that the Template Size property is flexible for each record, not exactly the entire gallery's container size.

Can you share what you have set for Gallery.TemplateSize?

I've had some problems with flexible height galleries:
Conflict between flexible height of Canvas vs. Flexible Height Gallery
Wrap does not work in first record
Graphical error on layering of objects and galleries
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
@mr-dang --
Hi. Yeah, I'm pretty sure that the gallery is flexible-height one since the template size increases accordingly with the labels. The property-value pairs I gave earlier were for the textboxes and that decides how big the template for each item should be.

For the values for the Template Size for the galleries, I have two.
TemplateSize for the Question and Response Gallery: 1000 TemplateSize for the Navigation Gallery: 30
One of my main problems here is that I haven't found a way to consistently replicate the bug.

And another thing -- It's pretty important for the gallery to be able to adjust its template size depending on content. One question may have a long response and the next item have a really short one. Perhaps, can I replicate the flexibility in another type of gallery, one that is not so buggy?
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

@v-micsh-msft --
I kind of forgot to respond to the second part of your message -- which is to try grouping. I don't understand this part. How am I supposed to use that? Group the textboxes inside the gallery template? Group the gallery?
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Bump.
Brian Dang 3,976 on at

Like
a
(0)

Report
Copy link

Link copied!

Can you share the configuration you have for the Y property of those objects?
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
Here's some more information about the configuration.

The navigation gallery is populated with a collection with the following fields:
{ Label: String, Type: String, TargetScreen: ScreenObject, OrderIndex: Number, ContextVars: {} }
It also has the following objects:
Vis_Title (Label) { Height: 15, Y: 0, Visible: Type = "Title", Text: Upper(Label), AutoHeight: true } Vis_NavButton_Spacing (Rectangle) { Height: 5, Y: Vis_NavButton.Height, Visible: Type = "Button" } Vis_TitleBeforeSub (Label) { Height: 10, Y: 0, Visible: Type = "TitleBeforeSub", Text: Upper(Label), AutoHeight: true } Vis_Subtitle (Label) { Height: 12, Y: 0, Visible: Type = "Subtitle", Text: Upper(Label), AutoHeight: true } Vis_NavButton (Label) { Height: 40, Y: 2, Visible: Type = "Button", Text: Label, OnSelect: If( ThisItem.TargetScreen = STD_ViewResponseScreen, Navigate( STD_ViewResponseScreen, ScreenTransition.None, ThisItem.ContextVars ), Navigate( TargetScreen, None, {LoadingIsVisible: true}) ) // It's set this way bec. context vars. don't get passed unless // the screen object is explicitly referenced. }
The responses gallery is a tad more complicated. I'll post it on demand.