Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    Aug 03, 2015 @ 10:26
    Owain Williams
    0

    blank space where an image should be (Instragram)

    Using Umbraco 7
    Umbraco 7

    Does anyone else have an issue when trying to embed an instragram image in to the content editor? when I page in the embed code

    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="4" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://instagram.com/p/55PJYFIcfd/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_top">Video for my blog review of @iamrunbox #runcommute #blog #iamrunbox #running</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A video posted by Owain Williams (@scottishrunner) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2015-08-02T20:25:33+00:00">Aug 2, 2015 at 1:25pm PDT</time></p></div></blockquote>

    <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

    All I get is the description of the image and a blank space where the image should appear. I'm using Umbraco 7.2.8

    Cheers,

    Copy Link
  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    Apr 27, 2016 @ 08:52
    Owain Williams
    0

    Hi! Just revisiting this issue because I still haven't managed to get it working.

    Does anyone else have this problem?

    I've tried the embed button on the editor and all I get is the caption from the photo and a grey instagram logo, not the actual photo.

    O.

    Copy Link
  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    May 19, 2016 @ 08:45
    Owain Williams
    0

    Hi, Still having issues with this. Here is a screenshot to see if it helps get an answer at all. If I click the embed button on the editor, enter in the url to embed and then as you can see, I get the photo description but no photo. Any ideas?

    Umbraco Screen shot

    Copy Link
  • Steve Morgan 1346 posts 4455 karma points c-trib
    May 19, 2016 @ 09:08
    Steve Morgan
    0

    Hi Owain,

    I'm not too sure how Instagram works but if I try and visit that link and use the embed code and just paste that into a simple html page... I still get no images. As that's taken Umbraco out of the equation.. that would suggest there's an issue with Instagram?! Have you got some kind of privacy setting on your album?

    https://www.instagram.com/p/BFbPlbwIceD/

        <html>
<body>
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BFbPlbwIceD/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">A run in the Pentlands with @gaddie_r . Lovely morning for it. @ashmei_sportswear #teamashmei #pentlands #sundayrun #scotlandrun #scotland #sunshine #lovescotland #instarunners #runner #running #trail #trailrunning #ashmei #edinburgh</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A photo posted by Owain Williams (@scottishrunner) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-05-15T11:08:54+00:00">May 15, 2016 at 4:08am PDT</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
</body>
</html>

    Steve

    Copy Link
  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    May 19, 2016 @ 09:23
    Owain Williams
    0

    Hi, cheers for the reply. I've checked my privacy settings and all should be public and accessible. I logged out of instagram and clicked on the link: https://www.instagram.com/p/BFbPlbwIceD/

    And I can see the photo without a problem. Very odd and very annoying at the same time.

    Copy Link
  • Steve Morgan 1346 posts 4455 karma points c-trib
    May 19, 2016 @ 09:41
    Steve Morgan
    0

    Yes,

    did you try the flat HTML? There's something not right there!?

    Steve

    Copy Link
  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    May 19, 2016 @ 11:03
    Owain Williams
    0

    Just tried the flat HTML and I get the same as you, no image.

    Since it's an instagram issue I'll go digging around the web a bit more to find a solution. Thanks for your troubleshooting.

    If I find the solution, I'll post it here for someone else if they hit the same problem

    Copy Link
  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    May 19, 2016 @ 11:30
    Owain Williams
    0

    The only solution I have found which is a workaround is to put a img tag in with a anchor around it. The image displays and it links back to my account. Not great but at least the image shows now. 

        <a href="http://www.instagram.com/scottishrunner">
<img src="https://www.instagram.com/p/BFbPlbwIceD/media/?size=m" border="0" alt="" />
</a>
    Copy Link
  • Dkos24 5 posts 25 karma points
    Jun 16, 2016 @ 22:03
    Dkos24
    0

    Hello,

    We are having this issue as well in our Umbraco 7.4.2 version. We are trying to implement Instagram photos into our site and are getting the instagram embed code, but only the text shows, no images. We tested this on a Wordpress site we have and the images shows up, so I think it's an umbraco image.

    Sometimes when I embed an image, it will show up in the embed window, but then when I submit it and look in the RTE, the image has disappeared again.

    Has anyone had luck fixing this?

    Thanks!

    Copy Link
  • Owain Williams 480 posts 1412 karma points MVP 7x c-trib
    Jun 17, 2016 @ 08:03
    Owain Williams
    0

    I have reported the issue: http://issues.umbraco.org/issue/U4-8529

    I haven't had time to try and fix the code myself yet. It's annoying.

    Hope this helps.

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft