cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
KickingApps
Skilled Sharer
Skilled Sharer

HTMLText with CSS

Greetings, 

 

Any thoughts on why this won't work in HTML text?  It works fine (with minor adjustments (double quotes arount source), in HTML editor but not working within PowerApps.

"
<!DOCTYPE html>
<html>
<head>
     <style>
         body{
               margin: 0;
          }
         div{
               width: 50%;
               float: left;
               box-sizing: border-box;
               padding: 2px;
               
         }
        img{
              display: block;
              max-width: 100%;
              margin-top: 4px
        }
</style>
</head>
<body>
     <div>
	<img src=""https://visitcentraloregon.com/wp-content/uploads/2015/03/BrokenTopOnycha6-e1523399253239.jpg"">
<img src=""http://www.traditionalmountaineering.org/images/BrokenTop_W010.jpg"">
<img src=""https://c1.staticflickr.com/6/5480/9756626465_0e43576c3a_b.jpg"">
    </div>
    <div>
	
    <img src=""http://www.roomtoramble.com/wp-content/uploads/2018/08/web_47.jpg"">
<img src=""https://www.bendpremierrealestate.com/uploads/agent-1/Broken%20Top%20Hike%2022-.jpg"">
<img src=""https://www.bendpremierrealestate.com/uploads/agent-1/No%20Name%20Lake%206-02090.jpg"">
    </div>
</body>
</html>
"
13 REPLIES 13

Update - I have figured out:

  • How to split a collection into more two
  • Create an image grid using a gallery

Still needs work but it's working.

image.png

Nice one @KickingApps!

PowerAddict
Super User
Super User

@timl @KickingApps I accidentally ran into this old post so through I would share this. I created a Pinterest like gallery for one of the apps I created for Microsoft. There's one challenge remaining - to split the records based on height (if someone wants that feature). Anyways, I thought it would be fun to revive this old conversation 🙂

 

Here's the link: https://thepoweraddict.com/how-to-create-a-pinterest-like-gallery/

 

Thanks,

Hardit

timl
Super User
Super User

Hi Hardit, thanks for sharing this and for reviving this post! Hope both you and @KickingApps are well.

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

May UG Leader Call Carousel 768x460.png

June User Group Leader Call

Join us on June 28 for our monthly User Group leader call!

PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Top Solution Authors
Users online (1,283)