Skip to main content
Community site session details

Community site session details

Session Id : OgBz8BTdewSdDi23sFjzZD
Power Apps - Building Power Apps
Unanswered

improved app rendering doesn't display gallery items with html text from collection

Like (0) ShareShare
ReportReport
Posted on 23 May 2019 23:21:55 by

I have a gallery where the items pull in HTML from a collection.  The collection is updated via OnSelect of a button and then navigating to the gallery.  In classic app rendering all 4 records display properly with no trailing spaces. 

 

However, as you may have guessed, improved app rendering sometimes causes the gallery to only display collection records 1 and 2, 2 and 4, 1 and 3, etc seemingly randomly with missing HTML text or large trailing blank spaces after each item.

 

On the start screen, the button OnSelect code is:

 

 

ClearCollect(
 CrisisCards,
 {
 Screen: "FATALITY",
 Title: Std_SecureLife.Text,
 Color: Std_SecureLife.Color,
 Fill: Std_SecureLife.Fill,
 HTML: "<ul>
<li>Call <tr><td><a href=""tel:+911""><font color=""DodgerBlue"">911</a></td></tr> and follow the instructions of emergency personnel.</li>
<li>Care for injured victim(s).</li>
<li>If another DAVIS employee is available, ask him/her to travel to the hospital with the injured person. If there is not, a member of the safety department will be dispatched.</li>
<li>In the event of a severe injury or fatality to a DAVIS employee, Safety/HR will designate an individual to notify the family.</li>
<li>If a subcontractor employee is injured:
 <ul>
 <li>Notify the lead person on site for the subcontractor.</li>
 <li>Notify the subcontractor’s media spokesperson.</li>
 <li>Learn which subcontractor personnel will come on site to be a part of the response team.</li>
 </ul>
 </li><br></br></ul>"
 },
 {
 Screen: "FATALITY",
 Title: Std_SecureSite.Text,
 Color: Std_SecureSite.Color,
 Fill: Std_SecureSite.Fill,
 HTML: "<ul>

<li>Send designated personnel to site entrances. If no DAVIS personel available, the Incident Commander will designate a subcontractor foreman to the site entrance.</li>
<li>Keep unauthorized personnel out of the jobsite. </li>
<li>Determine whether to evacuate job site/keep working/stop work. If evacuation is necessary, assemble at the designated rally point defined in the jobsite emergency action plan. </li>
<li>Notify <tr><td><a href=""tel:/" & LookUp(
 ContactDetails,
 Role = "SafetyPrimary",
 Phone
) & """><Font color=""DodgerBlue"">" & LookUp(
 ContactDetails,
 Role = "SafetyPrimary",
 'Full Name' & ", " & Title
) & "</a></td></tr> then notify the project VP.</li>
<li>Do not move anything on site unless someone is at risk.</li>
<br></br></ul>"
 },
 {
 Screen: "FATALITY",
 Title: Std_SecureComm.Text,
 Color: Std_SecureComm.Color,
 Fill: Std_SecureComm.Fill,
 HTML: "<ul>
<li>Emergency personnel will determine the need to evacuate neighboring properties.</li>
<br></br></ul>"
 },
 {
 Screen: "FATALITY",
 Title: Std_SecureDavis.Text,
 Color: Std_SecureDavis.Color,
 Fill: Std_SecureDavis.Fill,
 HTML: "<ul>
<li>If approached by the media, do not answer any specific questions. Calmly State that a DAVIS representative will be providing an update momentarily, and refer all reporters to <tr><td><a href=""tel:/" & LookUp(
 ContactDetails,
 Role = "Marcomm",
 Phone
) & """><Font color=""DodgerBlue"">" & LookUp(
 ContactDetails,
 Role = "Marcomm",
 'Full Name' & ", " & Title
) & "</a></td></tr>.</li>
<li>Limit communications to emergency responders and DAVIS team. DO NOT talk, text, photograph or communicate about the incident via social media or otherwise to anyone. </li>
<br></br></ul>
"
 }
);
Navigate(
 scrChecklist,
 Fade,
 {SelectedCrisis: Button_navFATALITY.Text}
)

 

On scrChecklist, the target page with the gallery:

Items = CrisisCards

Fields:

  • Text = ThisItem.Title
  • HTML = ThisItem.HTML (autoheight = true, need this since text lengths vary significantly)

The strange part is that this renders correctly in the web preview in Chrome but results in the unexpected behavior stated above on iOS (PowerApps Version 3.19052.15, Session ID: 0f66eccb-2e54-4eec-bfca-53410f4a931b).

 

Is there something I'm doing wrong that's causing this behavior? 

Categories:
  • Community Power Platform Member Profile Picture
    on 29 May 2019 at 17:37:44
    Re: improved app rendering doesn't display gallery items with html text from collection

    Hi @v-yuxima-msft, yes, I have that part but there are (4) items in that collection so there are (4) items in the gallery.  The issue is that some of the items in the gallery either don't display or only partially display when improved app rendering is turned on.

     

    I would like to keep these as separate items rather than one big one due to the header formatting and coloring which matches our posters summarizing this information.

  • v-yuxima-msft Profile Picture
    on 27 May 2019 at 06:54:18
    Re: improved app rendering doesn't display gallery items with html text from collection

    Hi @Anonymous ,

     

    Do you want to display your HTML in the gallery?

    You can insert one HTML Text control into the Gallery and it will display.

    Then set the HtmlText4.Text=ThisItem.HTML   (HtmlText4 is the control name on my side)

    20190527testHtml.PNG

     

    Hope this could be helpful.

     

    Best Regards.

    Yumia

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 791 Most Valuable Professional

#2
MS.Ragavendar Profile Picture

MS.Ragavendar 410

#3
mmbr1606 Profile Picture

mmbr1606 275 Super User 2025 Season 1

Loading complete