cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
davebrown89
Level: Powered On

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

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? 

2 REPLIES 2
Community Support Team
Community Support Team

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

Hi @davebrown89 ,

 

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

 

davebrown89
Level: Powered On

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.

Helpful resources

Announcements
thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors
Users Online
Currently online: 182 members 4,261 guests
Please welcome our newest community members: