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 Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (4,465)