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
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.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Top Solution Authors
Top Kudoed Authors
Users online (1,210)